如何在Google Chrome中设置网页强制暗黑模式-启用暗黑模式

正文介绍

如何在Google Chrome中设置网页强制暗黑模式1

以下是Google Chrome中设置网页强制暗黑模式的方法：
1. 通过开发者工具临时启用
- 打开目标网页，按`Ctrl+Shift+I`（Windows）或`Cmd+Option+I`（Mac）调出开发者工具。
- 在“Elements”面板中，找到标签，添加属性`style="filter: invert(1) hue-rotate(180deg);"`，页面内容将强制反转为暗黑效果。
- 此方法仅对当前标签页生效，刷新页面后需重新操作。
2. 安装扩展程序实现全局强制
- 访问Chrome应用商店，搜索并安装Dark Reader插件。
- 安装后点击插件图标，选择“启用暗黑模式”，可自定义对比度、亮度及免过滤的网站列表（如系统设置页面）。
- 在插件设置中勾选“强制覆盖所有网站”，确保任何页面均按暗黑模式显示。
3. 修改用户样式表（CSS）
- 在Chrome地址栏输入`chrome://settings/`，滚动至底部点击“高级”→“自定义用户样式”。
- 添加新样式规则，输入匹配条件（如`*`表示所有网站），在“样式”栏中写入：
css
body {
filter: invert(1) hue-rotate(180deg);
background-color: 000;
}

- 保存后，所有网页将自动应用此样式，但可能影响图片和视频的正常显示。
4. 使用浏览器脚本（Tampermonkey插件）
- 安装Tampermonkey插件，点击图标→“新建脚本”，粘贴以下代码：
javascript
// ==UserScript==
// @name Force Dark Mode
// @version 1.0
// @run-at document-start
// @grant none
// ==/UserScript==
var style = document.createElement('style');
style.innerHTML = 'body { filter: invert(1) hue-rotate(180deg); background: 000; }';
document.head.appendChild(style);

- 保存后启用脚本，所有网页将强制加载暗黑样式，可随时通过插件界面关闭。
5. 注意事项
- 部分网站可能通过`@media (prefers-color-scheme)`检测系统设置，若需绕过，需在样式表中添加：
css
@media (prefers-color-scheme: light) {
body { filter: invert(1) hue-rotate(180deg); }
}

- 强制暗黑模式可能导致图片/视频颜色失真，建议在插件或脚本中设置白名单（如`www.example.com`），排除特定网站。