热门标签 | HotTags
当前位置:  开发笔记 > IOS > 正文

让浏览器开启终极黑暗模式

现在黑暗模式成了一股潮流,不仅苹果手机,很多安卓手机也支持这一模式,只不过名字可能不太一样,比如小米手机上叫做深色模式设置页面变黑。不管什么叫法,效果是差不多的

现在黑暗模式成了一股潮流,不仅苹果手机,很多安卓手机也支持这一模式,只不过名字可能不太一样,比如小米手机上叫做深色模式设置页面变黑。不管什么叫法,效果是差不多的。但是很多手机 App 却还没有跟上潮流,适配这个黑暗模式。虽然微信上年 12 月就发布了有黑暗模式的安卓内测版 7.0.10。然而直到前天,具有黑暗模式的微信正式版本 iOS 版才姗姗来迟。

其实微信本来也不急,只是因为有话语权的手机厂商急了设置页面变黑。苹果 App Store 商店的审核指南在不久前进行了更新,要求在 4 月 30 日之前,所有 App Store 应用必须实现对暗黑模式等新功能的支持。于是在苹果的“淫威”下,包括微信在内的很多 App 都怂了,纷纷表示会尽快上马暗黑模式。

让浏览器开启终极黑暗模式

让浏览器开启终极黑暗模式

港真,有这个暗黑模式对于我们经常玩手机的人来说是好事啊,不仅手机更省电而且更能护眼设置页面变黑。在手机上全面实现暗黑模式已经指日可待了。

Windows 10 黑暗模式

那电脑上呢? 其实 Windows 10 已经内置黑暗模式,在设置-个性化-颜色里,将默认应用模式选为暗,就可以开启了设置页面变黑

让浏览器开启终极黑暗模式

下图左边是正常的效果,右边是开启黑暗模式之后的效果设置页面变黑

让浏览器开启终极黑暗模式

不过呢,你会发现只是系统界面变黑了,而其它主力软件,比如浏览器、微信、QQ 等界面依然如故,这说明第三方软件并不支持 Windows10 这个黑暗模式设置页面变黑。那怎么办呢?毕竟我们使用电脑的大部分时间都耗在了浏览器上面。Dark Reader这里推荐大家使用一款叫做 Dark Reader 的扩展,可以让浏览器开启终极黑暗模式。什么是终极黑暗模式?就是能使所有的网页一键变为黑色,更好的保护你的眼睛。

让浏览器开启终极黑暗模式

话不多说,先给大家展示一下效果,点击扩展中的开启,即可为浏览器开启黑暗模式设置页面变黑

让浏览器开启终极黑暗模式

B 站的效果:

让浏览器开启终极黑暗模式

知乎的效果:

让浏览器开启终极黑暗模式

这一步已经基本达到很多小伙伴想要的效果了,当然还有进阶的玩法,也很简单设置页面变黑。这是 Dark Reader 的设置界面,一看就能懂。

让浏览器开启终极黑暗模式

浏览器开启黑暗模式之后,如果遇到单个不想开启黑暗模式的网站,也不用直接关闭浏览器的黑暗模式设置页面变黑。在开启按钮的左边点一下当前的网站网址就可以了,而且你还可以设置快捷键,这样更方便。

让浏览器开启终极黑暗模式

在滤镜的选项,你不仅可以调节黑暗模式下的亮度、对比度、棕褐色滤镜四大参数设置页面变黑。而且除了黑暗模式,还可以开启一个明亮模式,同样可以调节这些参数。

让浏览器开启终极黑暗模式

以上这些设置你还可以选择是仅应用于目前网站还是应用全部网站, 点击下方这个按键就可以选择了设置页面变黑

让浏览器开启终极黑暗模式

在网站列表中,反色列表和不反色列表是什么意思呢?在反色列表中添加的网站, Dark Reader 扩展才会对其有作用设置页面变黑。不反色列表中的网站则不会被扩展所影响。

让浏览器开启终极黑暗模式

在更多那里还可以更改字体以及给文字加上描边设置页面变黑

让浏览器开启终极黑暗模式

你还可以根据自己的喜好选择黑暗模式下不同的主题,它有过滤、过滤+、静态动图 4 种主题设置页面变黑。这分别是 4 个主题下的效果。

让浏览器开启终极黑暗模式

相对来说,动态主题可以呈现出最好的视觉效果,建议大家使用这个主题设置页面变黑

结语

Windows 10 的黑暗模式有先天缺陷,毕竟我们在电脑上用的最多的还是第三方软件,而不是系统设置设置页面变黑。有些小伙伴知道的 Vivaldi 浏览器就自带一些类似的滤镜,不过考虑它并不是很多小伙伴的主力浏览器。所以推荐 Dark Reader 这个扩展,让我们可以在更多的浏览器上使用这个黑暗模式,浏览网页时眼睛不会那么累。只是电脑和手机上的大部分软件都还不能支持黑暗模式,这也许只是时间的问题。毕竟如今连微信都已经支持黑暗模式了,其它软件自然也会跟进的。本文首发于微信公众号网罗灯下黑(wldxh8),未经授权请勿转载,获取本文介绍的工具请参看个人签名。


推荐阅读
  • 如何高效学习鸿蒙操作系统:开发者指南
    本文探讨了开发者如何更有效地学习鸿蒙操作系统,提供了来自行业专家的建议,包括系统化学习方法、职业规划建议以及具体的开发技巧。 ... [详细]
  • Windows环境下Oracle数据库迁移实践
    本文详细记录了一次在Windows操作系统下将Oracle数据库的控制文件、数据文件及在线日志文件迁移至外部存储的过程,旨在为后续的集群环境部署做好准备。 ... [详细]
  • 使用 ModelAttribute 实现页面数据自动填充
    本文介绍了如何利用 Spring MVC 中的 ModelAttribute 注解,在页面跳转后自动填充表单数据。主要探讨了两种实现方法及其背后的原理。 ... [详细]
  • 使用REM和媒体查询实现响应式布局
    本文介绍如何利用REM单位和媒体查询(Media Queries)来创建适应不同屏幕尺寸的网页布局。通过具体示例,展示在不同屏幕宽度下如何调整页面元素的样式。 ... [详细]
  • 如何在三星905s3g上设置U盘启动BIOS
    本指南详细介绍了如何在三星905s3g笔记本电脑上通过BIOS设置U盘启动的方法。 ... [详细]
  • 神策数据分析基础
    本文介绍了基于用户行为的数据分析方法,包括业务问题的提出与定义、具体行为的识别及统计分析流程。同时,详细阐述了如何利用事件模型(Event Model)来描述用户行为,以及在实际应用中的案例分析。 ... [详细]
  • Docker基础入门与环境配置指南
    本文介绍了Docker——一款用Go语言编写的开源应用程序容器引擎。通过Docker,用户能够将应用及其依赖打包进容器内,实现高效、轻量级的虚拟化。容器之间采用沙箱机制,确保彼此隔离且资源消耗低。 ... [详细]
  • 本文详细介绍了如何在PHP中使用Memcached进行数据缓存,包括服务器连接、数据操作、高级功能等。 ... [详细]
  • 本文列举了构建和运行 Struts2 应用程序所需的核心 JAR 文件,包括文件上传、日志记录、模板引擎等关键组件。 ... [详细]
  • 本文将深入探讨两个有趣且引人思考的话题:一是许多程序员缺乏盲打技巧这一基础能力;二是技术管理者与技术专家之间的角色差异及国内现状。 ... [详细]
  • 本文详细介绍了个人电脑的组装流程,从基础的机箱准备到复杂的系统安装,每一步都提供了详细的指导,旨在帮助DIY爱好者顺利完成自己的电脑组装。 ... [详细]
  • 一、使用Microsoft.Office.Interop.Excel.DLL需要安装Office代码如下:2publicstaticboolExportExcel(S ... [详细]
  • 本文详细介绍了几种有效的方法来解决Windows 10系统中常见的内存不足问题,包括手动终止不必要的进程、增加虚拟内存以及使用第三方软件进行系统优化。 ... [详细]
  • egg实现登录鉴权(七):权限管理
    权限管理包含三部分:访问页面的权限,操作功能的权限和获取数据权限。页面权限:登录用户所属角色的可访问页面的权限功能权限:登录用户所属角色的可访问页面的操作权限数据权限:登录用户所属 ... [详细]
  • 本文介绍了用户界面(User Interface, UI)的基本概念,以及在iOS应用程序中UIView及其子类的重要性和使用方式。文章详细探讨了UIView如何作为用户交互的核心组件,以及它与其他UI控件和业务逻辑的关系。 ... [详细]
author-avatar
谁是美甲花样美指
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有