前言

对于程序猿，晚上熬夜查询资料看网页是家常便饭，但在晚上我们看网页的时候会感觉很亮，看起来很不舒服，对眼睛伤害也很大，而部分网站是没有自带夜间模式功能的
所以在这里分享一个转换到 "夜间模式" 浏览的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 国际许可协议 进行许可，请在转载时注明出处及本声明！

Last modification：September 25th, 2019 at 12:04 am
© 允许规范转载
如果觉得我的文章对你有所帮助，请随意赞赏