一键切换网页 “夜间模式” | JS书签

前言

对于程序猿,晚上熬夜查询资料看网页是家常便饭,但在晚上我们看网页的时候会感觉很亮,看起来很不舒服,对眼睛伤害也很大,而部分网站是没有自带夜间模式功能的
所以在这里分享一个转换到 “夜间模式” 浏览的Js书签,其本质是降低网页背景亮度

用法

在浏览器新建一个新的标签(收藏夹), 把下面Js代码放入网址栏点击保存即可,名称随意。

简单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);
效果

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

第一种效果

再次点击可取消夜间效果

第二种效果

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

© 版权声明
THE END
喜欢就支持以下吧
点赞4545赞赏
分享
评论 抢沙发

请登录后发表评论