Fwd: 手机浏览器夜间模式 与 页面互动 的提案

 代应加宽转至HTML5中文兴趣小组,大家一起帮忙讨论:



*主题:* 转发: 手机浏览器夜间模式 与 页面互动 的提案





Hi  裕波,



经与其他同学讨论,整理成邮件如下:





目前360手机浏览器实现了夜间模式。用户开启夜间模式时,浏览器会向浏览的网页里注入css(以night360.css示意),这些css
让背景变黑文字反白,以及其它一些效果,让人在黑夜里浏览网页更舒服。

night360.css
适合于大多数网站,不过也会有部分情况下处理难度较大(例如背景图片等),并且网站工程师无法对应浏览器的夜间模式作更多个性化的展现或交互。

鉴于此,是否值得向标准组织作以下建议:



1.       添加window.nightMode属性(默认为undefinde。undefined或0代表普通模式;如果是黑夜模式,其值为1)

2.       对应事件:window有nightmodechange事件。浏览器修改nightMode时触发页面对该事件的监控。

3.       能用media query来为自己网站的夜间模式定义更多的css;代码如下:

<style>

                            @media (nightMode: 1) {

                                     body
{color:#eee;background-color:#111}

}

</style>





非常感谢





应加宽(JK)

Web平台部 奇舞团



*奇虎360*

手机:15810810045

邮件:yingjiakuan@360.cn

地址:北京市朝阳区酒仙桥路6号院(电子城•国际电子总部)7B2-1148

邮编:100015






-- 
此致

Mr. Zhou YuBo - 周裕波

 邮件:itchina110@gmail.com

Received on Friday, 17 October 2014 13:12:22 UTC