一行代码“黑”掉任意网站

技术教程1年前 (2022)更新 Finally
427 0 0

实用技巧:只需一行代码,轻轻一点就可以把任意网站变成暗黑模式。

一行代码“黑”掉任意网站

首先我们先做一个实验,在任意网站中,打开浏览器开发者工具(F12),在Console控制台输入如下代码并回车:

document.documentElement.style.filter=’invert(85%) hue-rotate(180deg)’

为了更方便实用,达到轻轻一点就可以对网页施加魔法?,

我们对代码做了一点点??改动。(修正了滤镜对图片等元素的影响)

javascript: (function () { const docStyle = document.documentElement.style; if (!window.modeIndex) { window.modeIndex = 0; } const styleList = [ ”, ‘invert(85%) hue-rotate(180deg)’, ‘invert(100%) hue-rotate(180deg)’, ]; modeIndex = modeIndex >= styleList.length – 1 ? 0 : modeIndex + 1; docStyle.filter = styleList[modeIndex]; document.body.querySelectorAll(‘img, picture, video’).forEach(el => el.style.filter = modeIndex ? ‘invert(1) hue-rotate(180deg)’ : ”);})();

然后打开浏览器书签管理器,添加新书签,在网址栏粘贴这段代码并保存:

一行代码“黑”掉任意网站

以后在任意网站,只需要轻轻一点切换模式书签就可以让它变成85%的暗黑,再点一次就是100%的暗黑,再点一次变回正常模式。

一行代码“黑”掉任意网站

 

© 版权声明

相关文章

暂无评论

暂无评论...

请关注公众号

请关注下方公众号,防止丢失!

各种实用网站,软件,干货教程等等



如果网站对您有帮助的话,希望您能把快导航网分享给身边朋友,感激不尽!

点击下方关闭此窗口