米侠浏览器中如何强制启用网页深色模式？

作者：袖梨 2026-07-14

必须升级米侠浏览器至v3.8.2及以上正式版并开启“允许运行用户脚本”，再注入指定UserScript，按Ctrl+Shift+D切换强制深色模式，同时需关闭所有内置夜间模式选项以避免样式冲突。

您在米侠浏览器中打开网页时发现背景仍是亮色，而网站本身又没提供深色开关，这时必须绕过其不支持 prefers-color-scheme 媒体查询的限制，通过直接干预 DOM 渲染层实现强制深色效果，否则所有“夜间模式”设置都仅作用于浏览器 UI，无法改变网页内容本身。

确认基础执行环境是否就绪

打开米侠浏览器 → 进入「设置」→「高级」→「开发者选项」→ 开启「允许运行用户脚本」。若该选项灰显，说明当前版本为精简版，【必须升级到v3.8.2及以上正式版】，否则后续脚本无法注入。

在任意网页按 F12 打开开发者工具 → 切换到 Console 标签页 → 输入 alert('test') → 回车。弹窗出现即证明脚本通道已通；无反应需重启浏览器并重查开启状态。

注入持久化暗黑切换脚本（推荐）

点击地址栏右侧「脚本管理器」图标 → 「新建脚本」→ 粘贴以下完整代码：

// ==UserScript==
// @name 网页暗黑模式切换
// @namespace mihelper.dark
// @version 1.2
// @description 按 Ctrl+Shift+D 切换暗黑模式,自动适配文本/背景/输入框
// @match *://*/*
// @grant none
// ==/UserScript==

const toggleDark = () => {
  if (document.body.classList.contains('mih-dark-active')) {
    document.body.classList.remove('mih-dark-active');
    document.documentElement.removeAttribute('data-mih-dark');
  } else {
    document.body.classList.add('mih-dark-active');
    document.documentElement.setAttribute('data-mih-dark', 'true');
  }
};

document.addEventListener('keydown', e => {
  if (e.ctrlKey && e.shiftKey && e.key === 'D') toggleDark();
});

if (!document.getElementById('mih-dark-style')) {
  const style = document.createElement('style');
  style.id = 'mih-dark-style';
  style.textContent = `body[data-mih-dark="true"] { background: #000 !important; color: #fff !important; } input, textarea, select { background: #111 !important; color: #eee !important; border-color: #333 !important; } a { color: #4da6ff !important; } img { filter: brightness(0.8) contrast(1.2); }`; 
  document.head.appendChild(style);
}

保存后刷新任意网页，按 Ctrl+Shift+D 即可即时切换——此脚本会移除干扰 meta 标签、修复 SVG 失真，并绕过米侠对 CSS 媒体查询的屏蔽逻辑。

临时调试：控制台一键反色（仅当前页）

方法一：基础反转
在目标网页 Console 中粘贴执行：document.documentElement.style.filter = 'invert(1) hue-rotate(180deg)';。这一步操作起来很简单，但仅翻转颜色，不处理图片亮度与表单元素，且刷新即失效。

方法二：增强反色+保图
粘贴执行：document.documentElement.style.cssText += 'filter: invert(0.9) contrast(1.2) brightness(0.95);'; document.querySelectorAll('img, video, canvas').forEach(el => el.style.filter = 'invert(1)');。注意：此方式会让部分彩色图表完全失真，仅适合快速预览，不可长期使用。