前言
对于程序猿,晚上熬夜查询资料看网页是家常便饭,但在晚上我们看网页的时候会感觉很亮,看起来很不舒服,对眼睛伤害也很大,而部分网站是没有自带夜间模式功能的
所以在这里分享一个转换到 "夜间模式" 浏览的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 国际许可协议 进行许可,请在转载时注明出处及本声明!
3 comments
滴!访客卡!请上车的乘客系好安全带,现在是:Sat Sep 14 2019 02:04:53 GMT+0800 (中国标准时间)
滴!访客卡!请上车的乘客系好安全带,现在是:Tue Aug 27 2019 15:36:13 GMT+0800 (中国标准时间)
文章写得不错,支持一下!