当前位置:记磊博客 > 技巧-源码 > 代码实用 > 正文

作者:记磊博客

比较忧愁,比较善感,比较孩子气,比较喜欢网络技术的小子

手机扫码查看

使用浏览器书签实现网页夜间模式 无需任何插件护眼

摘要:一键开启网页夜间模式 无需任何插件书签就能完成

使用浏览器书签实现网页夜间模式 无需任何插件护眼

当你看这篇文章的时候,这一篇文章也不要错过哦
直通车:使用浏览器书签实现博客网站留言评论时一键填写昵称/邮箱/网址

现在的电脑显示器亮度实在是太高了,加上浏览器网页背景色大多都是刺眼的白色,看久了眼睛很累有木有!
记磊对此深有感知,
于是乎给大家提供一个可以一键打开网页夜间模式的小妙招,而且不用安装任何浏览器插件,安全便捷,可以有效降低浏览网页的亮度,保护视力马上做起。
食用方法
浏览器创建一个书签(就是新建一个收藏网站)然后名称建议使用:一键填写昵称/邮箱/网址 (怎么方便怎么写)
网址填写下方代码即可
使用浏览器书签实现网页夜间模式 无需任何插件护眼

代码

javascript:var a=document.createElement('div');a.innerHTML='<div style="position: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);

注意事项

你如果点多次会越来越黑 恢复原状,刷新网页即可-F5此方法好像只能单个网页,但是效果还是不错滴

未经允许不得转载:

作者:记磊博客, 转载或复制请以 超链接形式 并注明出处 记磊博客
原文地址:《使用浏览器书签实现网页夜间模式 无需任何插件护眼》 发布于2018-08-28

本文共530个字,预计阅读时间需要2分钟。
您阅读这篇文章共花了: 0小时00分00秒
分享到:
赞(0) 打赏

评论 抢沙发

7 + 3 =


使用浏览器书签实现网页夜间模式 无需任何插件护眼

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu3.3主题

专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

了解一下

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录