浏览器正在为网站带来自动暗模式

镀铬徽标在黑暗的背景,干冰的烟雾云。nalyvme / Shutterstock.com

深色模式现在无处不在,包括iOS 13和Android10。Chrome,Firefox,Safari和Edge等Web浏览器也采用了深色模式。现在,浏览器将自动暗模式带入网站,这要归功于名为Preferreds-Color-Scheme的功能。

网站现在可以像应用程序一样检测暗模式

启用深色主题的YouTube网站

今天,有些站点提供黑暗模式。例如,您可以单击几下即可在YouTube,Twitter或Slack上启用暗模式。那很酷,但是谁愿意在每次访问新网站时分别启用此选项?

在Windows 10,macOS,iOS或Android上启用暗模式时,所有使用的应用程序都知道您已启用暗模式,并且可以自动启用它。 Google Chrome甚至没有易于访问的深色模式选项。 Chrome会根据您选择的整体操作系统自动进行自我调整。

过去,网站无法自动实施暗模式。即使您的浏览器界面变暗,网站也会继续使用其明亮的背景。您必须手动启用暗模式或使用强制暗模式的浏览器扩展。

这不是Web开发人员的错-他们无法检测设备上是否启用了暗模式。网站可以利用新的级联样式表(CSS)功能对此进行了更改。

它已经在您附近的浏览器中

在Windows 10的``设置''应用中启用黑暗模式

这个问题的答案是preferred-color-scheme,这是一种CSS功能,网站可以使用它来询问您的Web浏览器是否启用了暗模式。网页可以使用不同的主题,具体取决于您是启用还是禁用了暗模式。

此功能仅在2019年才添加到现代Web浏览器中。

  • 自7月30日发布Chrome 76以来,所有平台(包括Android)的Google Chrome都支持它。
  • 适用于iPhone和iPad的Safari将于9月19日与Safari 13一起作为iOS 13的一部分提供。
  • 自5月21日发布Firefox 67以来,Mozilla Firefox就一直支持它。
  • 自4月5日发布的Safari 12.1开始,Mac版的Safari就支持它。
  • Microsoft Edge不支持它,但是新的基于Chromium的Edge浏览器将支持。

您不能在浏览器中选择此选项。只需在操作系统的亮和暗模式之间进行选择,您的浏览器便会接受更改,网站可以跟进并根据需要自动启用暗模式。

那么暗模式网站在哪里?

虽然此功能现已启用,并且可以在所有流行的浏览器中使用,但它是一个非常新的功能。使用新的iOS 13的iPhone和iPad都使用了暗模式。在Android方面,仅具有新Android 10的Android手机支持暗模式。甚至连台式机上的Google Chrome浏览器也仅支持偏好的颜色方案几周了。

太新了。您可能不会遇到许多使用Preferred-Color-Scheme自动启用暗模式的网站。

希望将来会有所改变。网站现在可以尊重您的黑暗模式首选项并自动遵循它。 Web开发人员有一个可以利用的新选择。

我们喜欢黑暗模式。现在,所有最新的操作系统都提供了该选项,我们很高兴看到它在网络上传播。

有关: 黑暗模式对您不利,但我们还是很喜欢

正文#primary .entry-content ul#nextuplist list-style-type:none; margin-left:0px; padding-left:0px;
正文#primary .entry-content ul#nextuplist li a text-decoration:none; color:#1d55a9;

继续阅读

  • ›怎样快速创建自己的Chrome浏览器主题
  • ›怎样在Linux上创建别名和Shell函数
  • ›什么是Apple Arcade?这是您需要知道的一切
  • ›什么是超宽带?为什么在iPhone 11中使用超宽带?
  • ›怎样在iPad或iPhone上使用鼠标
本文机器自动生成,不保证语句完整通顺和表达准确,亦不对内容真实有效性负责,请读者知悉。