0

0

谷歌浏览器怎么开启深色模式 Chrome强制夜间模式设置方法

幻夢星雲

幻夢星雲

发布时间:2025-12-19 12:28:03

|

934人浏览过

|

来源于php中文网

原创

可通过五种方法实现Chrome全局强制深色模式:一、启用chrome://flags/#enable-force-dark;二、添加--force-dark-mode启动参数;三、安装Dark Reader扩展;四、联动macOS系统深色外观;五、使用油猴脚本精细控制。

谷歌浏览器怎么开启深色模式 chrome强制夜间模式设置方法

如果您在使用谷歌浏览器时希望所有网页内容统一呈现深色背景与浅色文字,但默认设置无法满足需求,则可通过修改底层渲染行为或扩展干预实现全局强制夜间显示效果。以下是多种可行的设置方法:

本文运行环境:MacBook Pro M3,macOS Sequoia。

一、通过 chrome://flags 启用强制深色渲染

此方法直接调用 Chrome 内置实验性标志,强制浏览器对所有网页内容(包括不支持 prefers-color-scheme 的站点)进行深色反色渲染,无需依赖网站自身适配。

1、在 Chrome 地址栏中输入 chrome://flags/#enable-force-dark 并按下回车键。

2、在页面顶部搜索框中输入 Force Dark Mode for Web Contents 进行精确定位。

3、找到该选项后,点击右侧下拉菜单,从 Default 改为 Enabled

4、页面底部出现“需要重启浏览器”提示,点击 Relaunch 按钮立即重启。

二、通过启动参数添加 --force-dark-mode

该方式绕过 flags 页面,在操作系统层面注入渲染指令,使每次通过指定快捷方式启动的 Chrome 实例均启用强制暗色模式,避免 flags 重置风险。

1、在 macOS 中定位 Chrome 应用程序,右键选择“在访达中显示”,按住 Command 键拖拽 Chrome 图标至桌面创建别名。

2、右键点击该别名,选择“显示简介”,在“通用”标签页中找到“打开方式”下方的“目标”字段(需先启用“显示全部信息”)。

3、将光标移至路径末尾,添加一个空格后追加 --force-dark-mode

4、关闭简介窗口,双击该别名启动 Chrome,新窗口即启用强制深色渲染。

三、安装 Dark Reader 扩展进行动态控制

Dark Reader 提供逐站调节能力,支持亮度、对比度、灰度及可读性滤镜微调,对图文混排类网页兼容性更优,且可排除特定网站不启用。

1、访问 chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh 官方扩展页。

CA.LA
CA.LA

第一款时尚产品在线设计平台,服装设计系统

下载

2、点击 添加至 Chrome 按钮完成安装。

3、点击地址栏右侧扩展图标,开启开关,并点击齿轮图标进入设置。

4、在“过滤器”模式下,将 亮度 调至 90–100,对比度 设为 85–95,灰度 保持 0,以获得高可读性深色效果。

四、联动 macOS 系统级深色外观

此方法仅影响 Chrome 浏览器 UI(如标签栏、地址栏、设置页),同时向兼容网站发送 prefers-color-scheme: dark 媒体查询信号,触发其原生深色版本加载。

1、打开 macOS “系统设置”,进入“外观”面板。

2、将“外观”选项从“自动”或“浅色”切换为 深色

3、在 Chrome 中点击右上角三点菜单 → “设置” → “外观” → 确认“主题”设为 跟随系统

4、关闭并重新打开 Chrome,界面元素与适配网站将同步变为深色。

五、使用油猴脚本实现细粒度夜间覆盖

适用于需排除广告区块、保留 SVG 图形原色、或对特定 CSS 类做条件反转的高级用户,脚本运行于页面加载后阶段,可规避部分 flags 渲染异常。

1、先安装 Tampermonkey(油猴) 扩展,地址为 chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo。

2、安装后访问 greasyfork.org/zh-CN/scripts/427674-%E5%85%A8%E7%BD%91%E9%A1%B5%E5%A4%9C%E9%97%B4%E6%A8%A1%E5%BC%8F 获取“全网页夜间模式”脚本。

3、点击“安装此脚本”,确认授权。

4、脚本生效后,按 Command+Shift+D 快捷键即可在当前页面切换深色/浅色模式。

相关专题

更多
css
css

css是层叠样式表,用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

524

2023.06.15

css居中
css居中

css居中:1、通过“margin: 0 auto; text-align: center”实现水平居中;2、通过“display:flex”实现水平居中;3、通过“display:table-cell”和“margin-left”实现居中。本专题为大家提供css居中的相关的文章、下载、课程内容,供大家免费下载体验。

268

2023.07.27

css如何插入图片
css如何插入图片

cssCSS是层叠样式表(Cascading Style Sheets)的缩写。它是一种用于描述网页或应用程序外观和样式的标记语言。CSS可以控制网页的字体、颜色、布局、大小、背景、边框等方面,使得网页的外观更加美观和易于阅读。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

761

2023.07.28

css超出显示...
css超出显示...

在CSS中,当文本内容超出容器的宽度或高度时,可以使用省略号来表示被隐藏的文本内容。本专题为大家提供css超出显示...的相关文章,相关教程,供大家免费体验。

540

2023.08.01

css字体颜色
css字体颜色

CSS中,字体颜色可以通过属性color来设置,用于控制文本的前景色,字体颜色在网页设计中起到很重要的作用,具有以下表现作用:1、提升可读性;2、强调重点信息;3、营造氛围和美感;4、用于呈现品牌标识或与品牌形象相符的风格。

762

2023.08.10

什么是css
什么是css

CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种用于描述网页(或其他基于 XML 的文档)样式与布局的标记语言,CSS的作用和意义如下:1、分离样式和内容;2、页面加载速度优化;3、实现响应式设计;4、确保整个网站的风格和样式保持统一。

606

2023.08.10

css三角形怎么写
css三角形怎么写

CSS可以通过多种方式实现三角形形状,本专题为大家提供css三角形怎么写的相关教程,大家可以免费体验。

561

2023.08.21

css设置文字颜色
css设置文字颜色

CSS(层叠样式表)可以用于设置文字颜色,这样做有以下好处和优势:1、增加网页的可视化效果;2、突出显示某些重要的信息或关键字;3、增强品牌识别度;4、提高网页的可访问性;5、引起不同的情感共鸣。

397

2023.08.22

c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

41

2026.01.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

CSS教程
CSS教程

共754课时 | 23.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号