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

Received on Friday, 17 October 2014 20:58:46 UTC