前言

对于程序猿,晚上熬夜查询资料看网页是家常便饭,但在晚上我们看网页的时候会感觉很亮,看起来很不舒服,对眼睛伤害也很大,而部分网站是没有自带夜间模式功能的
所以在这里分享一个转换到 "夜间模式" 浏览的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);

效果

打开需要查看的页面,点击刚才新建的浏览器标签,即可

第一种效果

再次点击可取消夜间效果

第二种效果

连续点击不断降低网页背景亮度,需手动刷新网页才能取消

Last modification:September 25th, 2019 at 12:04 am
如果觉得我的文章对你有所帮助,请随意赞赏