前言
对于程序猿，晚上熬夜查询资料看网页是家常便饭，但在晚上我们看网页的时候会感觉很亮，看起来很不舒服，对眼睛伤害也很大，而部分网站是没有自带夜间模式功能的
所以在这里分享一个转换到 "夜间模式" 浏览的Js书签，其本质是降低网页背景亮度
用法
在浏览器新建一个新的标签(收藏夹)， 把下面Js代码放入网址栏点击保存即可，名称随意。
第一种：
代码如下：
javascript:(function(){var%C2%A0night=function(w){(function(d){var%C2%A0css='html{opacity:0.7!important;background:black!important;}body{background:white!important;}';var%C2%A0s=d.getElementsByTagName('style');for(var%C2%A0i=0,si;si=s[i];i++){if(si.innerHTML==css){si.parentNode.removeChild(si);return}};var%C2%A0heads=d.getElementsByTagName('head');if(heads.length){var%C2%A0node=d.createElement('style');node.type='text/css';node.appendChild(d.createTextNode(css));heads[0].appendChild(node)}})(w.document);%C2%A0for(var%C2%A0i=0,f;f=w.frames[i];i++){try{arguments.callee(f)}catch(e){}}};night(window)})();第二种：
代码如下：
javascript: var % 20 a = document.createElement('div');a.innerHTML = '<div style=%22position:fixed;background-color:#000;top:0;left:0;z-index:999999;pointer-events:none;opacity:0.35;width:100%;height:100%%22></div>';document.body.appendChild(a);效果
打开需要查看的页面，点击刚才新建的浏览器标签，即可
第一种效果
再次点击可取消夜间效果
第二种效果
连续点击不断降低网页背景亮度，需手动刷新网页才能取消
版权属于：Xcnte' s Blog（除特别注明外）
本文链接：https://xcnte.com/archives/626/
本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！
滴！访客卡！请上车的乘客系好安全带，现在是：Sat Sep 14 2019 02:04:53 GMT+0800 (中国标准时间)
滴！访客卡！请上车的乘客系好安全带，现在是：Tue Aug 27 2019 15:36:13 GMT+0800 (中国标准时间)
文章写得不错，支持一下！