360浏览器电脑版怎么设置成夜间模式?

对深夜依然奋斗在电脑屏幕前的小伙伴们来说,面对刺眼的屏幕光线是让人痛苦的事情。为了保护我们的眼睛,设置夜间模式是一种不错的选择。下面就介绍在360浏览器中如何设置夜间模式。

360浏览器电脑版怎么设置成夜间模式?_第1张图片

1、打开360浏览器,在紧靠【搜索框】的右边找到扩展插件按钮并点击。

360浏览器电脑版怎么设置成夜间模式?_第2张图片

2、在弹出的面板中找到右下角的【更多扩展】,点击。

360浏览器电脑版怎么设置成夜间模式?_第3张图片

3、在打开的应用市场中,搜索“夜间模式”,找到两款插件,我们选择第一款,安装。弹出框中点击【添加】。

360浏览器电脑版怎么设置成夜间模式?_第4张图片

360浏览器电脑版怎么设置成夜间模式?_第5张图片

360浏览器电脑版怎么设置成夜间模式?_第6张图片

4、提示添加成功。但【360应用市场】页面中没有效果(不知原因),别着急,我们切换到另一个页面,效果就出来了。

360浏览器电脑版怎么设置成夜间模式?_第7张图片

360浏览器电脑版怎么设置成夜间模式?_第8张图片

5、悬停在夜间模式插件上,我们可以看到快捷键,可以控制开关、亮度调整等。

360浏览器电脑版怎么设置成夜间模式?_第9张图片

6、需要注意的是,夜间模式只在【极速模式】有效果,如果选择【兼容模式】(IE内核)是没有效果的。

360浏览器电脑版怎么设置成夜间模式?_第10张图片

7、好奇的童鞋们肯定想知道这是怎么实现的吧。

按【F12】,在【Element】栏我们翻到body节点结尾的地方,可以看到多了个id为__nightingale_view_cover的div节点。这个节点设置成宽高100%,黑色半透明,显示在最前端(z-index)。简单说就是个半透明的遮罩。

360浏览器电脑版怎么设置成夜间模式?_第11张图片

注意事项:若经常用浏览器来调试前端代码的童鞋要注意,这个插件会有干扰。

你可能感兴趣的:(360浏览器电脑版怎么设置成夜间模式?)