实用技巧:只需一行代码,轻轻一点就可以把任意网站变成暗黑模式。
首先我们先做一个实验,在任意网站中,打开浏览器开发者工具(F12),在Console控制台输入如下代码并回车:
document.documentElement.style.filter='invert(85%) hue-rotate(180deg)'
神奇的事情发生了,当前打开的网站变成了暗黑模式。
原理解释
document.documentElement
获取文档对象的根元素,即<html>
元素- 给
html
元素的.style
样式添加filter
滤镜样式为invert(85%) hue-rotate(180deg)
invert()
反转图像。hue-rotate()
色相旋转。
更多滤镜知识:filter。
为了更方便实用,达到轻轻一点就可以对网页施加魔法🎉,
我们对代码做了一点点改动。(修正了滤镜对图片等元素的影响)
然后打开浏览器书签管理器,添加新书签,在网址栏粘贴这段代码并保存:
以后在任意网站,只需要轻轻一点切换模式
书签就可以让它变成85%的暗黑,再点一次就是100%的暗黑,再点一次变回正常模式。
来源:详情
© 版权声明
1. 资源都是经过站长或作者收集测试修改后发布分享。如若转载请在文内以超链形式注明狐狸库文章出处,谢谢合作!
2. 本站除原创内容,其余所有内容均收集自互联网,仅限用于学习和研究目的,本站不对其内容的合法性承担任何责任。如有版权内容,请通知我们或作者删除,其版权均归原作者所有,本站虽力求保存原有版权信息,但因众多资源经多次转载,已无法确定其真实来源,或已将原有信息丢失,所以敬请原作者谅解!
3. 本站用户所发布的一切资源内容不代表本站立场,并不代表本站赞同其观点和对其真实性负责,若您对本站所载资源作品版权归属存有异议,请留言附说明联系邮箱,我们将在第一时间予以处理 ,同时向您表示歉意!为尊重作者版权,请购买原版作品,支持您喜欢的作者,谢谢!
4. 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客如有发现请立即向站长举报;本站资源文件大多存储在云盘,如发现链接或图片失效,请联系作者或站长及时更新。
THE END
请登录后查看评论内容