浏览器正在给网站带来自动暗模式(Automatic Dark Mode)

现在深色模式无处不在,包括iOS13和Android 10。Chrome、Firefox、Safari和Edge等网络浏览器也都接受了深色模式。现在,浏览器正在为网站带来自动深色模式,这要归功于一项名为偏好配色方案的功能。

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

如今,一些网站提供黑暗模式。例如,您只需单击几下即可在YouTube、Twitter或Slake上启用黑暗模式。这很酷,但是谁会想在每次访问新网站时都单独启用这个选项呢?

当你在Windows10、MacOS、iOS或Android上启用黑暗模式时,你使用的所有应用程序都知道你已经启用了黑暗模式,并可以自动启用它。谷歌Chrome甚至没有易于访问的深色模式选项。Chrome会根据你的整体操作系统选择自动调整。

过去,网站没有办法自动实现暗模式。即使你的浏览器界面变黑了,网站也会继续使用它们明亮的背景。您必须手动启用暗模式或使用强制暗模式的浏览器扩展。

这不是网络开发人员的错误--他们无法检测到你的设备上是否启用了黑暗模式。新的级联样式表(Cascading Style Sheet,CSS)功能改变了这一点,网站可以利用它。

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

这个问题的答案是偏好配色方案,这是一个CSS功能,网站可以用它来询问你的Web浏览器是否启用了暗模式。网页可以使用不同的主题,具体取决于您是否启用了暗模式。

这一功能在2019年才刚刚添加到现代网络浏览器中。

从7月30日发布的Chrome76开始,所有平台(包括Android)的Google Chrome都支持它。 iPhone和iPad上的Safari将于9月19日作为iOS 13的一部分与Safari13一起获得。 自5月21日发布Firefox67以来,Mozilla Firefox一直支持它。 Safari for Mac从4月5日发布的Safari 12.1开始就支持它。 Microsoft Edge不支持它,但新的基于Chromium的Edge浏览器会支持它。

这不是您在浏览器本身中选择的选项。只需在你的操作系统中选择亮模式和暗模式,你的浏览器就会服从更改,网站可以跟随并自动启用暗模式(如果他们愿意的话)。

那么黑暗模式的网站在哪里呢?

虽然这个功能现在已经上线,并且可以在所有流行的浏览器中使用,但它是非常新的。新的iOS13为iPhone和iPad带来了暗模式,在Android方面,只有搭载新Android 10的Android手机才支持暗模式。即使是桌面版的Google Chrome也只支持偏好配色方案几个星期。

只是太新了。你可能还不会遇到很多使用首选配色方案自动启用暗模式的网站。

这种情况在未来有望改变。网站现在可以尊重您的黑暗模式首选项,并自动遵循它。Web开发人员有了一个可以利用的新选择。

我们喜欢黑暗模式。现在它在所有最新的操作系统上都是一个选项,我们将很高兴看到它在整个网络上传播。

相关:黑暗模式对你并不好,但不管怎样,我们都喜欢它

相关文章