ios12完美深色模式插件_让所有网站开启深色模式,试试这个浏览器插件

news/2024/5/10 1:42:47/文章来源:https://blog.csdn.net/weixin_39814925/article/details/110217475

打从我第一次在用于开发的 IDE(Integrated Development Environment,集成开发环境)中了解并使用一个暗黑的主题之后,我就完完全全变成了 Dark Scheme 的死忠粉。尽管大众对程序员群体形成了「穿格子衫」的刻板印象;但在代码的世界里,大多数程序员都有着自己的一套美学,在 IDE、终端或是编辑器中尤甚。

2f60b527-3113-eb11-8da9-e4434bdf6706.png

所以只要是软件层面支持,那么无论白天还是黑夜我更喜欢将所有设备设置暗色主题,其实这也就是我们所说的深色模式——Dark Mode。

一方面,深色模式之后长时间看屏幕时,眼睛比不用深色模式更不容易疲劳;另一方面,深色模式可以遮盖掉一些留白部分的无关信息,更容易凸显内容。

所以一直苦于那些没有适配深色模式的网页的我,在不经意间发现了这个能让网页强制深色模式的跨平台插件——Dark Reader。

Dark Mode

所谓的深色模式(Dark Mode)也可以叫暗黑模式、暗色模式或黑暗模式等,但无论哪一种叫法,只要看到这些字眼时,我们都能很快明白所谈论的就是 Dark Mode。

深色模式其实就是一种在深色背景上使用浅色文本、图标和图形用户界面元素的配色方案(Color Scheme),因此在这样的一深一浅的对比反差之下,浅色的内容相比于通常的模式更为显眼、突出。

和 Dark Mode 相似的另外一个词就是 Night Mode (夜间模式),但与深色模式不同的是,夜间模式会将屏幕的色温更改为偏暖的颜色,在晚上使用夜间模式也有助于入眠2 。这种色温的改变你在 Windows 上也可以进行设置;或者是借助 f.lux 这款 APP 进行调节,甚至也可以用类似明基 ScreenBar 这样的物理外设来改善。

3160b527-3113-eb11-8da9-e4434bdf6706.png

相比于浅色模式(Ligth Mode)而言,深色模式可以延缓眼睛因长时间盯着屏幕而造成的疲劳感。3 当然,并不是任何场合都使用深色模式,在光线充足的情况下使用深色模式就和在光线昏暗的情况下看特别亮的屏幕一样,都会损害眼睛。因此在夜晚且照明条件不是特别亮的情况下使用深色模式为佳。

同时,深色模式能有效地延长你手机的续航。根据 Google 官方给出的测试结果,深色模式的耗电量大约是一般模式的 1/6 。

3260b527-3113-eb11-8da9-e4434bdf6706.png

源:Android Dev Summit 展示

而且随着现在OLDE屏幕开始普及,「烧屏」问题(Burn-In)也是人们在选购OLED 产品时所关心的重要问题,而使用黑色背景图或深色模式也能够有效延缓烧屏问题的发生。

关于深色模式更多方面的内容,「加拿大白嫖王」老莱(LinusTechTips)就有曾出过一期视频谈到,你可以在 B 站看到翻译组授权搬运的这期视频。

目前无论是在 Windows、macOS 还是 iOS 和 Android 阵营,你都可以找到开启深色模式的方法。但深色模式的效果并不是全局或者强制的,仍然需要开发者对 APP 或网页进行适配。

倘若有些软件就是不适配深色模式,比如某个国民级社交软件,那么在大晚上的时候要么选择不用,要么就像其开发团队美其名曰「为了让你早点睡觉」这样,乖乖放下手机说晚安(昨天刚宣布了接下来 iOS 版会适配暗色模式,看来吐槽还是有用的)。

为什么是 Dark Reader

对于我来说,目前使用手机的频率相较于上学时减少许多,更多时候还是使用桌面端设备。然而,无论 Windows 还是 macOS,即使开启了深色模式也依然无法覆盖到所有网页;即便是 Chrome 7x 版本后自带了深色模式,也依旧如此。

追溯 Dark Reader 的 GitHub 项目 Commit 记录,可以发现 Dark Reader 早在 2014 年11 月 15 日开始创建,至今过了几个年头依然保持更新(原谅我去年才开始了解到它)。在 Chrome Web Store 里,可以说是拥有了众多使用者的深色模式插件了。

3460b527-3113-eb11-8da9-e4434bdf6706.png

而 Dark Reader 则完全覆盖了 Chrome、FireFox 和 Safari (收费),不管你使用什么系统和浏览器,都可以一键得到舒适的深色深色模式体验。

效果展现

Dark Reader 提供了四个可调节的选项:亮度、对比度、棕褐色滤镜和灰度。你可以通过对这四个选项调整出一个适合你的配置并对网页进行颜色反转(本文简称:反色),得到你喜欢的那种「五彩斑斓的黑」。

3560b527-3113-eb11-8da9-e4434bdf6706.png

我的个人配置

我个人略微调高了亮度和对比度,一方面不至于让整个背景色黑得太过极端,另一方面也避免有些地方因为反色而看不清的情况。

3660b527-3113-eb11-8da9-e4434bdf6706.png

左:少数派编辑器 右:电商平台

对于大多数网站来说,Dark Reader 的效果已经相当不错,比如少数派的在线编辑器、石墨文档这类在线文档编辑器目前是不支持深色模式的,这时候我们就可以用 Dark Reader 来对配色转换,得到和本地编辑器一样的舒适体验;对于像电商平台这种带有许多图片的网站,个人认为反色后的效果也还行。

如果你不像我一样是个「暗影猎手」,也不太喜欢深色模式,那么 Dark Reader 的自带明亮模式依然也是个不错的选择,你也可以通过调节当中的参数来找到一个比较合适的米色背景,避免大晚上被纯白色背景亮瞎。

3860b527-3113-eb11-8da9-e4434bdf6706.png

Dark Reader 能适用于大多数网页,对于适合反色的网页,你可以手动或者使用快捷键来将其添加到「反色列表」中,以便在所有时刻都使其一片漆黑;如果有的网站反色效果不好,那么就将网址添加到「不反色列表」中即可。

3a60b527-3113-eb11-8da9-e4434bdf6706.png

但是仍有一些受到浏览器保护的页面 Dark Reader 是没办法转换的,比如说 Chrome 网上应用商店……

3c60b527-3113-eb11-8da9-e4434bdf6706.png

另外,如果你不喜欢每次都手动操作,那么你也可以试试这款软件提供的自动化选项。通过点击扩展中右上角的位置进行设置。这里 Dark Reader 为我们提供了三种自动化的方式,分别是时间段、经纬度以及跟随系统。

我们可以点击在对应自动化方式前的❎来开启自己喜欢的自动化方式,但需要注意的是:三项只能选其一,如果同时勾选了第一项和第三项,那么第一项的设置就会被覆盖掉。我选择了配合系统深色模式时间,这样只要天一黑,就能得到彻彻底底的乌漆麻黑。

3d60b527-3113-eb11-8da9-e4434bdf6706.png

你可以在 Chrome 应用商店直接搜索 Dark Reader 并下载安装,网络不便的朋友也可以点击这里进行操作。

安装完之后如果可以在相应浏览器的右上角区域找到一个类似于星球大战达斯·维达角色的图标,就可以开启深色模式畅游之旅了。

尾巴

对于我这种 Dark Mode 的死忠粉来说,只要是软件能开启深色模式,那么无论白天还是黑夜我都会一直开着,甚至是在工作时使用的 IDE 在安装配置时我都会第一时间找相关的深色主题用以配色。

虽然说 Dark Reader 能对大多数的网页进行深色模式转换,但是相比于由设计师「精心调制」进行颜色配比的深色模式来说,你依然可以看得到在一些细节上 Dark Reader 呈现得并不完美,仍有瑕疵。

除此之外,Dark Reader 目前只提供了亮度、对比度、棕褐色滤镜以及灰度四项可供调节的部分,并且对于一些配色反转也不是很到位。

但无论如何对我来说已经够用了,还要什么自行车呢?

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_794061.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

nextcloud网站不安全_nextcloud安装后常见问题及解决方法

系统:CentOS 7WEB环境:LNMP搭建问题一:PHP 的设置似乎有问题, 无法获取系统环境变量. 使用 getenv(\”PATH\”) 测试时仅返回空结果.解决方法:在PHP-FPM配置文件:/usr/local/php/etc/php-fpm.conf 最后加上一句&#x…

利用Kali linux中的Dirbuster对网站进行渗透描目录

请自觉遵守网络安全法 1.进入kali linux,的Dirbuster 在URL中输入进行扫描的网站 工作方式选择自动切换 可以将Number of Threads的数值进行调节,在硬件允许的条件下‘ 在File with list of dirs/liles中找到相应的字典进行爆破 导入相应的字典文件 选择开启的方…

PyCharm开发Django网站搜索功能教程

搜索 搜索可以使用最原始的like的方式进行搜索。当然这种搜索方式对于一些小量的数据是非常合适的。但是随着数据量越来越大。这时候我们就需要使用搜索引擎了。搜索引擎会将所有需要搜索的数据使用算法做一个索引,以后搜索的时候就只需要根据这个索引即可找到相应的…

使用WebDeployment Project改善VS2005发布网站问题 (三) 常见问题

一、发布后网站浏览时出现乱码(http://www.cnblogs.com/chy710)如果页面编码是gb2312,可能会有此问题,请使用utf-8编码,vs2005中打开页面切换到HTML视图,选择[文件] / [高级保存选项],选择utf-8,保存,OK。二、发现不明…

Django搭建博客网站(1)

一、前言1.1.环境python版本:3.6Django版本:1.11.61.2.预览效果最终搭建的blog的样子,基本上满足需求了。框架搭好了,至于CSS,可以根据自己喜好随意搭配。二、建立博客应用2.1.建立项目和应用创建工程blogprojectdjang…

什么是最好的网站学习如何使用Linux系统?

2019独角兽企业重金招聘Python工程师标准>>> 其实不是很难使用Linux,由于有关系统的大量技术信息加上现在网上的信息鱼龙混杂,各种信息让我们分不清是真是假,您可能会被愚弄,但毕竟真的不是那么困难。为了给你一个开始…

Apache设置禁止访问网站目录

Apache默认在当前目录下没有index.html入口就会显示网站根目录,让网站目录文件都暴露在外面,是一件非常危险的事,例如:数据库密码泄露,隐藏页面暴露等严重安全问题! 例如,访问米扑网站根目录: h…

米扑科技的开源项目:sitemap-php 自动生成网站地图

米扑科技旗下的产品,近期正在做SEO网站优化,其中子需求之一是调研实现了网站地图(sitemap.xml) 封装简化了许多功能模块,现在分享出来,源代码可在Github上下载,有简单的示例。Github 开源网址&a…

十大免费SSL证书:网站免费添加HTTPS加密

SSL证书,用于加密HTTP协议,也就是HTTPS。随着淘宝、百度等网站纷纷实现全站Https加密访问,搜索引擎对于Https更加友好,加上互联网上越来越多的人重视隐私安全,站长们给网站添加SSL证书似乎成为了一种趋势。 给自己的网…

十大免费SSL证书:网站免费添加HTTPS加密

SSL证书,用于加密HTTP协议,也就是HTTPS。随着淘宝、百度等网站纷纷实现全站Https加密访问,搜索引擎对于Https更加友好,加上互联网上越来越多的人重视隐私安全,站长们给网站添加SSL证书似乎成为了一种趋势。 给自己的网…

网站域名、备案、七牛云图床重新搭建与博客整理

最近碰上了一个问题,七牛云开始回收测试域名,结果导致我的图床有些失灵、一些软件资源都无法下载。其实这个问题在前一段不蒜子统计修改的博客里已经有兆头了。不过当时没注意。最后还是被逼得只能购买了域名,各类备案,重新搭建图…

python模拟用户浏览器登陆网站

2019独角兽企业重金招聘Python工程师标准>>> 【前置条件】 Python 2.7.13 |CentOS release 6.5 方案一:使用urllib2库 首先使用自己的账号和密码在浏览器登录,然后通过抓包拿到cookie,再将cookie放到请求之中发送请求即可&#xf…

LAMP架构部署和动态网站环境的配置

实验环境: 操作系统:centos 7.5 服务器IP:192.168.10.5 运行用户:root 连接工具:xshell工具 web环境:Linuxapachephpmariadb(LAMP架构) 大型动态应用系统平台主要是针对于大流量、高…

10个帮助你优化网站的 .htaccess 技巧

“.htaccess”文件旺旺被网页设计师们忽略。假如你还不知道什么是htaccess的话,你可以去查一下wikipedia。它是目录级别的配置文件,有常用的网页服务器支持这种配置,例如Apache。下面我将列出10条有用的.htaccess配置技巧。 1. 反盗链 那些盗…

emlog rss.php,emlog伪静态设置-我的建站第一天 - 慕轲博客-建立自己的个人自媒体博客...

由于我住的地方网络比较卡,大的引擎比较卡,打开慢,果断选择emlog这款cms建了个个人博客,那么刚用问题就来了,什么问题呢?建站的人都知道,网站一般都要做静态或者伪静态的,emlog不支持…

计算机组成原理寄存器初始化,8255的寻址与初始化-计算机组成原理与汇编语言-电子发烧友网站...

6.5.18255的寻址及连接使用8255占外设编址的4个地址,即A口、B口、C口和控制寄存器各占一个外设接口地址。对同一个地址分别可以进行读写操作。根据这种寻址结构,可以方便地将8255连接到系统总线上,如图6.27上所示。由图6.27可见,8255与8088总线连接是比较容易的。只是图中为了简…

sql服务器网站备份工具,使用 SQL Server 工具备份服务器场 (Search Server 2008)

使用 SQL Server 工具备份服务器场 (Search Server 2008)06/16/2015本文内容更新时间: 2008年7月应用到: Microsoft Search Server 2008上一次修改主题: 2009-12-02草稿内容 本文是过去针对此产品的早期版本发布的,现在未经任何更改又针对此版本进行发布…

easyui获取图片路径_初学Python-只需4步,爬取网站图片(附py文件)

很多人学习Python很重要的一个原因是,可以很简单的把一个网站的数据爬下来。尤其是做我们这一行,产品经理,电商行业。领导:弄一个买卖游戏周边商品的交易APP出来。我:行,那我们卖什么呀?领导&am…

搜索引擎制作_搜索引擎优化方法_网站制作流程:网站建设7个基本流程!

发布时间:2020-12-08 10:12:16从目前来看,每天都会有大量的初创企业诞生,作为企业主而言,第一时间想到的事情,就是建立一个网站,但由于初创企业,并没有专业相关的网站制作人员,往往是寻求网站建…

apache服务器配置tls_Linux 系统管理及服务配置实战-第43章 APACHE网站服务器构建I...

Apache服务器1 简介1.1 前言UI的转变:B/S架构1.2 名词HTMLHyperText Markup Language 网页使用HTML,PHP,JAVA语言格式书写的文件。主页网页中呈现用户的第一个页面。URLUniform Resource Locator 统一资源定位符1.3 Web ServerNginx(Tengine)…