浏览器给网站带来了自动暗模式

黑暗模式现在无处不在,包括iOS13和Android 10。像Chrome、Firefox、Safari和Edge这样的浏览器也采用了暗模式。现在,由于一个名为prefers color scheme的功能,浏览器正在为网站带来自动暗模式。...

黑暗模式现在无处不在,包括iOS13和Android 10。像Chrome、Firefox、Safari和Edge这样的浏览器也采用了暗模式。现在,由于一个名为prefers color scheme的功能,浏览器正在为网站带来自动暗模式。

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

浏览器给网站带来了自动暗模式

现在有些网站提供暗模式。例如,您可以在YouTube、Twitter或Slack上启用暗模式,只需单击几下。这很酷,但谁想在每次访问新网站时分别启用此选项?

在windows10、macOS、iOS或Android上启用暗模式时,您使用的应用程序都知道您已启用暗模式,并可以自动启用它。googlechrome甚至没有一个易于访问的暗模式选项。Chrome只是根据您的总体操作系统选择自动调整自己。

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

这不是网络开发者的错,他们无法检测到你的设备上是否启用了暗模式。这一点随着新的层叠样式表(CSS)功能的改变而改变,网站可以利用它。

它已经在你附近的浏览器里了

浏览器给网站带来了自动暗模式

这个问题的答案是首选配色方案,这是一种CSS功能,网站可以使用它来询问您的web浏览器是否启用了暗模式。网页可以使用不同的主题,这取决于您启用还是禁用了暗模式。

这项功能最近才在2019年被添加到现代网络浏览器中。

  • 自7月30日发布Chrome76以来,所有平台(包括Android)的谷歌Chrome都支持它。
  • 9月19日,iPhone和iPad版的Safari在ios13中加入了safari13。
  • Mozilla Firefox从5月21日发布的Firefox67开始就支持它。
  • SafariforMac从4月5日发布的Safari12.1开始就支持它。
  • 微软Edge不支持它,但新的基于Chromium的Edge浏览器将支持它。

这不是您在浏览器本身中选择的选项。只要在你的操作系统中选择明模式和暗模式,你的浏览器就会服从这种变化,网站也可以跟着变化,如果愿意的话,会自动启用暗模式。

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

虽然这个特性现在已经在所有流行的浏览器中使用,但它是非常新的。iPhone和iPad在新的ios13中采用了暗模式。在安卓方面,只有搭载新安卓10的安卓**才支持暗模式。就连桌面上的googlechrome也只支持prefers配色方案几个星期。

太新了。您可能不会遇到许多网站使用首选配色方案自动启用暗模式尚未。

这在未来将有望改变。网站现在可以尊重你的黑暗模式偏好,并自动遵循它。Web开发人员有一个新的选择,他们可以利用。

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

相关报道:黑暗模式对你来说不是更好,但我们还是喜欢它

  • 发表于 2021-04-03 03:55
  • 阅读 ( 211 )
  • 分类:互联网

你可能感兴趣的文章

夜间使用iphone:黑暗模式提示

... 如果你喜欢在睡前在床上上网,你可以使用免费的火狐浏览器和它的夜间模式功能。如果你的iPhone已经处于黑暗模式,Firefox会自动切换到黑暗主题。 ...

  • 发布于 2021-03-12 22:38
  • 阅读 ( 255 )

提供暗模式支持的15款流行iphone应用

... Firefox是iPhone的一个很好的替代浏览器。它以隐私为中心,速度快,更重要的是,它带有一个恒星暗模式。 ...

  • 发布于 2021-03-20 18:39
  • 阅读 ( 219 )

10款针对android的最佳firefox插件

Firefox是超级用户的浏览器。它的速度快,隐私为重点,并可无限定制使用扩展。Android版的Firefox也遵循同样的脚步。 ...

  • 发布于 2021-03-21 08:56
  • 阅读 ( 299 )

15款mac应用让莫哈韦的黑暗主题无处不在

... 你可能大部分时间都花在浏览器上。首先,让我们为浏览器添加一个暗模式。 ...

  • 发布于 2021-03-22 12:57
  • 阅读 ( 261 )

如何在firefox、chrome、opera和edge中启用暗模式

... 有两个扩展允许您为网页启用暗模式,从而使整个浏览器变暗。 ...

  • 发布于 2021-03-23 13:45
  • 阅读 ( 283 )

如何在夜间自动切换windows10黑暗模式

...oft应用商店。其他一些应用和程序,包括微软自己的文件浏览器和边缘浏览器,不受黑暗模式的影响。 ...

  • 发布于 2021-03-24 14:30
  • 阅读 ( 230 )

你需要知道的关于mac上暗模式的一切

...如果你是一个狩猎迷,这是不幸的。幸运的是,对于其他浏览器的粉丝来说,第三方浏览器通常在保持网络黑暗方面做得更好。 ...

  • 发布于 2021-03-29 05:09
  • 阅读 ( 198 )

如何在mac上打开黑暗模式

...间和微光下更好地工作。一旦启用,受支持的应用程序和网站会自动切换到带有白色文本的深色背景。下面是如何在Mac上启用暗模式。 如何从控制中心启用暗模式 暗模式最早是在macOS Mojave中引入的。您可以从系统首选项启用...

  • 发布于 2021-04-01 09:02
  • 阅读 ( 194 )

最终指南,使黑暗模式无处不在

...超级粉丝,所以我们写了很多关于如何在各种应用程序、浏览器和操作系统中使用它的文章。为了您的方便,这里的一切您可以切换到黑暗模式,以及如何做到这一点,都在一个地方。 操作系统 马科斯 苹果发布了黑暗模式与...

  • 发布于 2021-04-02 19:47
  • 阅读 ( 206 )

如何在mac上获得所有网站的黑暗模式

...用于Chrome和Firefox的Dark Reader扩展简单明了。如果您以前在浏览器中使用过扩展,您会感到宾至如归。 一旦安装了深色阅读器Chrome或Firefox扩展(上面的链接),点击“深色阅读器”扩展图标。 点击“on”按钮启用暗模式。所有打...

  • 发布于 2021-04-02 19:54
  • 阅读 ( 220 )

相关推荐