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

是的，现在的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>
>
>