打开网易新闻 查看更多图片

作者:@老铁的最新号外

No.285 - DarkReader:网页暗黑主题定制,又酷又护眼!冲浪必备!

内容方向:Win11更新推送动态、App软件工具使用体验、科技类资讯消息等。

正 文

今天带来一个浏览器扩展工具:DarkReader,这是一个护眼扩展程序,通过实时生成黑暗主题,为每一个网站启用夜间模式。DarkReader反转明亮的颜色,使网页内容具有高对比度,并更加易于在夜间阅读。可以调整网页的亮度,对比对,应用棕褐色滤镜,设置字体和忽略网站列表。该扩展工具无广告,也不会发送用户数据。完全开源。喜欢以暗黑主题模式浏览网页的小伙伴,可以试试。

打开网易新闻 查看更多图片

△ DarkReader应用后的页面样式

▍DarkReader安装,以及如何找到

我这边是在Edge扩展商店中直接安装使用的。Chrome插件商店中也有该工具。下载操作步骤如下:

  1. 访问Edge插件库就直接点击下图中"打开Microsoft Edge加载项",

    打开网易新闻 查看更多图片

    △ 打开Edge扩展工具库

  2. 在Edge扩展商店中,搜索DarkReader。

    打开网易新闻 查看更多图片
    △ 获取"Dark Reader"插件

  3. 在插件页面上点"获取"。下载完成后,Edge浏览器会自动弹出是否"添加扩展"弹窗,点击"添加扩展"即可。

打开网易新闻 查看更多图片

△ 添加"Dark Reader"扩展

DarkReader安装完成后,点击浏览器右上角"扩展"按钮,打开安装的扩展插件列表。在其中点击"Dark Reader"。

打开网易新闻 查看更多图片

△ 找到DarkReader扩展插件

▍DarkReader如何使用

打开网易新闻 查看更多图片

△ DarkReader页面样式

DarkReader扩展工具,主要的配置细节就以下这四张图,即:4个部分,我们一个一个说。

打开网易新闻 查看更多图片

△ DarkReader配置细节

第一个部分:

站点URL是自动填入的,点开启,即:DarkReader的暗黑模式自动应用,点关闭,即:DarkReader的暗黑模式不应用该页面。而有些页面你会看到"此页面受浏览器保护",意思就是该扩展DarkReader的暗黑模式无法对该页面生效(页面样式无法注入该页面),所以你点开启或者关闭都没有效果。

打开网易新闻 查看更多图片

△ DarkReader无法应用该站点

"网站切换"下有两个设置:"检测深色主题"和"设置快捷方式"。用来检测站点自身的深色模式,和设置快捷方式。

第二个部分:

"配置自动化":设置时段和经纬度,来自动对页面应用暗黑模式或者系统自带的配色方案。

第三个部分:

对DarkReader应用到页面的暗黑模式细节进行调整,包括:模式选择,亮度,对比对,棕褐色滤镜和灰度的独立调整。最后可以将以上暗黑模式配置仅应用于此站点。

第四个部分:

在第四部分,你可以设置页面字体样式,和是否开启页面文字描边(可以调整文字描边程度)。

主题生成模式:包含四种过滤,过滤+,静态,动态。四种模式区别如下:

  • "过滤"是 Dark Reader 最一开始的模式,基于 CSS 滤镜。网页色彩会全部反转,再回复部分的颜色。必须用到 GPU 的资源。虽然渲染快速且有效,但有几个问题:停用文字的子像素渲染(sub-pixel rendering)、 将已经是暗色的部分转成亮色、 大型页面会发生延迟、 Firefox 会无法渲染某些网页。

  • "过滤+"效果和"过滤"一样,但是基于 SVG 滤镜,

  • "静态"会迅速生成基本样式表。

  • "动态"会深入分析网站的样式表、背景图片、向量图形。在网页载入时会占用一些资源, 但能产生最好的视觉效果。虽然动态模式还在开发中, 但已能顺利应用于许多现代化的网站。

网站列表下的反色列表是让DarkReader对添加到列表中的网站生效。而不反色列表是不让DarkReader应用于添加到列表中的网站,不对这些网站生效。

打开网易新闻 查看更多图片

△ DarkReader-"站点列表"配置

以上就是Dark Reader页面暗黑模式扩展插件的相关内容。

希望有所助益,谢阅!

▍Tips: Dark Reader 4.9.63版本独立crx扩展插件获取,私信回复:wincmd68 。