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

我觉得非常好，是个真实的需求。

是否在HTML IG的wiki上做出一个英文的wiki页，说明这个issue，

然后将想法发到相应的邮件列表中提出来讨论。

 

 

From: Po-chiang Chao [mailto:bobchao@gmail.com] 
Sent: Saturday, October 18, 2014 4:58 AM
To: John Hax
Cc: ZhengChaoping; 中文HTML5同樂會ML
Subject: Re: Fwd: 手机浏览器夜间模式 与 页面互动 的提案

 

啊，沒看清楚，是說 media query 內，那真不知道哪個有實作了


—
Po-chiang Chao ::BobChao
Mozillian, Creative Commoner
http://blog.bobchao.net


 

On Sat, Oct 18, 2014 at 3:33 AM, John Hax <johnhax@gmail.com> wrote:

是的，现在的media query中已经有环境光了，暂时不知道有哪个浏览器实现。360可以吃个螃蟹！

另一种可行的方式是将night mode实现为 alternate stylesheet。

<style title="night-mode">
body {color:#eee;background-color:#111}  

</style>

这种方式的好处是，浏览器插件就能实现（调用 document.enableStyleSheetsForSet('night-mode') ），不需要浏览器核心支持。

 

2014-10-17 22:54 GMT+08:00 ZhengChaoping <zbinlin@gmail.com>:

记得 w3 上有个类似：http://www.w3.org/TR/mediaqueries-4/#light-level

不过只涉及 media query 部分。
个人觉得把 nightMode 放到 navigator 下好点。



在 2014年10月17日 21:11, 周裕波 写道:

 代应加宽转至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

 

-- 

* 我的 <http://blog.mozcp.com/> 博客 
* 我的 <https://bitbucket.org/zbinlin> 代码 库 
* 我的 <https://addons.mozilla.org/en-US/firefox/user/binlin> 扩展列表