谷歌和火狐浏览器将提供新CSS样式让网站底色适配夜间模式

我们知道虽然当前Windows 10以及谷歌和火狐浏览器都有黑色模式,不过这些并不能直接改变网站的底色。

这意味着用户实际在夜间浏览网页时原本的白色背景依然是刺眼的白色,总体来说用户体验相对来说比较差。

好消息是谷歌和火狐浏览器目前正在开发测试新的.CSS样式表,让网站能够跟随浏览器和系统自动调整底色。

最终还需要网站进行适配:

新的样式表网站可以对比当前使用的样式表进行改造,例如新增夜间模式在夜间将网站背景底色改成黑色等。

网站其他内容尤其是文字内容可能会根据底色进行反色,这样用户在夜间浏览网页时也可以清晰地阅读文字。

按当前开发进度火狐浏览器比谷歌浏览器更早的提供此功能,届时用户可以下载火狐浏览器测试版进行测试。

.day { background: #eee; color: black; }
.night { background: #333; color: white; }
@media (prefers-color-scheme: dark) {
.day.dark-scheme { background: #333; color: white; }
.night.dark-scheme { background: black; color: #ddd; }
}
@media (prefers-color-scheme: light) {
.day.light-scheme { background: white; color: #555; }
.night.light-scheme { background: #eee; color: black; }
}
.day, .night {
display: inline-block;
padding: 1em;
width: 7em;
height: 2em;
vertical-align: middle;
}

不过安全问题也要重点关注:

新增的样式表可能会被用于指纹识别 (广告领域的追踪与实体指纹识别无关),因此开发者也注意到这个问题。

广告网络的指纹识别会综合用户设备各个参数进行编码生成独特ID,而颜色首选项则可以读取系统当前模式。

因此也可能会被广告网络综合到指纹识别里作为参数进行追踪,这方面的问题开发者们还在考虑针对性方案。

本文来源 蓝点网,由 山外的鸭子哥 整理编辑,其版权均为 蓝点网 所有,文章内容系作者个人观点,不代表 蓝点网 对观点赞同或支持。如需转载,请注明文章来源。
1
哇哦恭喜您已成功屏蔽了蓝点网的小广告
扫码关注蓝点网微信公众号

评论:

2 条评论,访客:2 条,站长:0 条
  1. lala
    lala发布于: 
    Google Chrome 74.0.3729.131 Google Chrome 74.0.3729.131 Windows 10 64位版 Windows 10 64位版

    很好很好 很期待

发表评论