☰

如何在任何网络浏览器上启用暗模式切换按钮，而无需借助花哨的（可能具有侵入性的）扩展？

tag-icon • tag-icon browser dark-mode
如何在任何网络浏览器上启用暗模式切换按钮，而无需借助花哨的（可能具有侵入性的）扩展？

我在不同的操作系统上使用不同的网络浏览器，并且我喜欢在任何可以的地方使用暗模式，包括通过操作系统级别和其余本机应用程序。

为了获得网页浏览体验，我总是发现自己在安装第三方扩展，但我不知道是否可以信任我的个人网络流量，我想知道是否可以通用且简单地做到这一点，以便它可以在任何浏览器中工作而无需依赖第三方扩展？

如何在没有 DarkReader 等花哨（且可能有侵入性）扩展程序的帮助下在任何 Web 浏览器上启用暗模式切换按钮？

答案1

简单的 javascript 就可以达到目的。

在书签工具栏上添加书签，将其命名为“DarkMode”，并将此代码放在 URL 字段中

javascript:(function() {   const body = document.body;   const isDark = body.classList.contains('dark');    if (isDark) {     body.classList.remove('dark');     body.parentElement.style = '';   } else {     body.classList.add('dark');     body.parentElement.style = 'filter: grayscale(1) invert(1) contrast(0.8)';   } })();

答案2

不同浏览器内置暗模式的方法有所不同。

铬合金

Chrome 没有在桌面应用程序中提供官方的暗模式，因此需要使用扩展程序。

微软Edge

虽然基于 Chromium，但它内置了暗黑模式。

它默认使用系统主题，但你也可以使用三点菜单手动更改它并转到设置 > 外观 并在“整体外观”下选择“深色”。您可以选择颜色主题来进一步自定义浏览器的顶部菜单栏。

火狐

  • 使用汉堡菜单选择设置 > 扩展和主题
  • 点击“主题”打开“管理您的主题”页面
  • 选择一个主题，例如“深色”。要查找其他主题，请点击页面底部的“查找更多主题”。

苹果浏览器

没有暗模式，所以你必须依赖默认系统主题。

参考 ： 黑暗模式：如何在浏览器上启用黑暗模式。

相关内容