浏览器切换为深色模式

已于 2023-04-01 13:49:03 修改
阅读量1k 收藏 5
点赞数 3
分类专栏： 工具 文章标签： edge浏览器
于 2023-04-01 13:48:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47124112/article/details/129894972
版权

🐤浏览器深色模式🐤

像Microsoft Edge虽然有个深色模式，但是这个深色模式只是把浏览器外框变成了黑色，页面原来的底色还是白色，如果需要长时间浏览页面的话，眼睛依然会有些酸痛。

在这里插入图片描述
百度的背景还是白色的
在这里插入图片描述

第一种方法 | 油猴插件 🐤 🐤

在Greasy Fork中搜索护眼模式
在这里插入图片描述

百度的效果图

在这里插入图片描述

第二种方法 | 推荐 🐤 🐤 🐤

1.将这一行url粘贴到地址栏回车。

chrome://flags/#enable-force-dark

2.快捷键Ctrl+F找到 Auto Dark Mode for Web Contents 这项功能，将选项中的Default 改为 Enabled
在这里插入图片描述

百度效果

在这里插入图片描述

SCDN 效果

在这里插入图片描述
方法二参考链接

浏览器暗黑模式-Dark深色模式
04-23 3597
最近看电脑看的时间比较长，眼睛疲劳，看到白色的良平会刺眼，睁不开。于是就想到了暗黑模式，跟android手机的暗黑模式一样的。最开始直接设置电脑的深色模式，但是仅仅对电脑系统部分软件起作用，浏览器页面还是白花花的。。。设置浏览器的深色模式， 也仅仅是治标不治本。最后找到了 一款神器插件 ---Dark Reader
请用python写一个小程序，把浏览器中打开的页面设置为深色模式
2301_79698214的博客
10-10 672
这个网页，并将该页面设置为深色模式。你可以在注释的位置添加其他的操作，如填写表单、点击按钮等。最后，程序会关闭浏览器。库以及对应版本的Chrome浏览器驱动。要实现将浏览器中打开的页面设置为深色模式，可以使用Python的。下载对应的驱动，并将驱动文件的路径添加到系统环境变量中。运行这个程序后，它将打开一个Chrome浏览器窗口，访问。以及驱动程序，并且已经安装了Python解释器。注意：这个程序假设你已经正确安装并配置了。库来控制Chrome浏览器，并通过。对象设置浏览器的选项。参数用于设置深色模式。
edge深色模式\chrome深色模式\浏览器深色模式(暗黑模式)
春花秋月冬雪风，留得残荷听雨声。
01-12 1242
edge、Chrome浏览器中的深色设置
谷歌浏览器已经开启深色模式，有的网页（例如CSDN）还是显示为全白色怎么解决？
最新发布
weixin_49526058的博客
03-22 240
插件链接
Chrome浏览器深色模式配置
m0_61236764的博客
08-12 387
将第一行改为Enabled。
Edge浏览器网页设置深色模式/暗模式
虎康的博客
01-09 2233
长期对着电脑屏幕，白色实在太刺眼，眼睛非常不舒服，网页是刺眼的白色，于是深入研究寻求方法——强制开启暗模式。
Chrome浏览器设置暗黑模式 - 护眼模式 - 亮度调节 - DarkReader - 地址栏和书签栏设置为黑色背景
Rudon滨海渔村的博客
07-28 2167
主要分两部分需要操作，1）地址栏和书签栏 》 需要修改浏览器的外观模式2）页面主体 》 需要安装darkreader插件进行设置。
H5项目适配系统深色模式方案总结
LYFlied的博客
04-13 3680
文章目录一、背景二、问题三、H5项目适配深色模式方案1.声明 color-scheme1.1meta1.2CSS2.通过 CSS 媒体查询3.图片适配4. JavaScript中判断当前模式&监听模式变化4.1matchMedia4.2addListener()JavaScript监听判断 一、背景 随着 iOS 13 的发布，深色模式（Dark Mode）越来越多地出现在大众的视野中，支持深色模式已经成为现代移动应用和网站的一个潮流，前段时间更是因为微信的适配再度引起热议。深色模式不仅可以大幅减
深色模式适配
HUIDEV_的博客
08-18 239
适配深色模式主题 场景：在手机打开深色模式时，h5页面会随着手机的主题更换而改变颜色 问题描述： 提示：这里描述项目中遇到的问题： 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： //.vue文件中 import Cookie from 'js-cookie'; mouted(){ const isDarkMode = Cookie.get('darkMode') === 'true' || getQueryVal('darkMode') ==
一键切换网页至深色模式的crx扩展插件
值得注意的是，虽然深色模式为用户提供了便利，但并不是所有场景都适合使用。对于需要阅读大量文字的网站，深色背景与浅色文字的对比度可能会对某些用户的阅读体验产生不利影响。因此，好的深色模式设计应当允许用户...
自动切换深色模式的Ambient Dark Mode-crx插件介绍
7. 与操作系统的集成: 高级的深色模式切换插件甚至可以与操作系统的深色模式设置集成，例如macOS的暗模式、Windows的夜间模式或者Android的深色主题。这样可以提供一个更为一致和全面的深色体验，而不仅仅限于浏览器...
chrome浏览器设置深色暗黑模式快捷方法
热门推荐
sunshineTing2的博客
06-09 1万+
chrome浏览器黑色模式
对网页 ‘’为所欲为‘’ 之手动实现 csdn深色模式？
lazy_tomato的博客
06-20 1396
作为一个前端小手子，解决用户需求，实现功能效果，是我的兴趣也是工作。番茄我自己是一个重度的 深色模式 爱好者。例如：，，我都是设置主题为深色模式。但是某些网站呢，不支持深色模式，又或者必须付费才支持深色模式。这就让我很难受，白色的背景总觉得刺眼。但是我又需要经常逛这些网站，怎么办？好友A： 番茄兄，有没有办法让每次打开新的浏览器页签，自动打开搜索框？我浏览资料每次打开新的浏览器页签，都需要按，打开浏览器自带搜索，两个手指头都累了。番茄： 这个…enenenen好友A： 帮我搞定这个，我请客，晚上小龙虾。番茄
web深色模式（Dark Mode）
fb_fatboy的博客
01-15 1756
深色模式应该是ios13出来之后逐渐推广开来的，作为个小小果粉出来以后也是一直在用，以至于现在每次用百度搜索都会觉得眼睛不是很舒服，它为什么不学学谷歌跟进一下呢！最近我们的应用也要做深色模式了，当然这是一个大工程,需要先预研了一下技术方案，做个Demo出来，于是乎就有了这篇文章。
edge 黑色 护眼 深色模式
我是寒风的博客
03-04 1万+
访问edge://flags页面 搜索“dark mode”，找到“Force Dark Mode for Web Contents” 选择“启用”并重新启动浏览器 如果没有请更新浏览器 舒服
Edge浏览器设置夜间模式/深色模式
cnzzs的博客
09-14 1750
本文给出了一个在Edge浏览器中配置深色背景的方案(参考文章中的进阶方案已经失效)。不仅可以使得浏览器的边框变成深色的，也可以改变网页显示时的颜色。 问题背景普通白色背景感觉有点刺眼，想改成深色背景，但是默认的设置里面只能修改边框的颜色：这里虽然设置界面和边框变成了黑色的，但是实际上打开网页还是白色...
如何让网页界面变暗色
Devil
03-02 3252
Step 1： 点击界面右上角三点图标，选择设置，在左侧外观中选择深色，应用后： 此时界面进入暗色调，但是网页并没有进入暗色调 Step 2：确保Edge浏览器更新至版本 80.0.317.1后 ，在浏览器地址栏访问edge://flags/，登录后，输入Auto Dark Mode for Web Contents(如果找不到，就尝试输入Dark Mode)，点击Enabled。 Step 3：重启！完工！撒花！ ...
Chrome 黑色设置Auto Dark Mode for Web Contents
鸣的博客
11-08 885
将Auto Dark Mode for Web Contents（有的版本可能是Force Dark Mode for Web Contents）设置为Enabled，重启浏览器即可生效。地址栏输入chrome://flags回车。Chrome版本为78及以上。搜索dark mode。
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
Java与大数据相关实践内容分享！
03-26 1622
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式（20220416更新）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值