360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?

2017/2/14 来源:www.arpun.com 作者:小白

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

 360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?360浏览器怎么设置成夜间模式?   arpun.com

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

360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?

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

360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?

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

 

360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?
360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?
360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?

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

360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?
360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?

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

360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?

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

360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?

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

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

360浏览器夜间模式设置/360浏览器怎么设置成夜间模式?

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

网友评论
评论(...
全部评论