一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2026-07-14 12:10:46 编辑:袖梨 来源:一聚教程网

必须升级米侠浏览器至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)');。注意:此方式会让部分彩色图表完全失真,仅适合快速预览,不可长期使用。

关闭双重夜间模式干扰

第一步:进入「设置」→「夜间模式」→ 关闭主开关。
第二步:向下滚动检查是否存在子项,如「智能夜间」「图片夜间优化」「强制夜间」等,全部设为关闭。
第三步:返回网页刷新,重点观察图文混排区域是否仍有灰黑块或文字压底——若存在,说明夜间模式残留未清,需重启浏览器再试。

这一步不做,脚本注入后可能出现背景双叠加变紫、输入框边框消失等异常,因为米侠的内置夜间逻辑会与脚本样式冲突。

热门栏目