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

環境光的話... 或許是這個？




https://developer.mozilla.org/en-US/docs/Web/API/DeviceLightEvent/Using_light_sensors



—
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>
>>
>>