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

如何通过一行代码让网站主题变成暗黑主题呢？

实际上只需要一行代码，就可以轻松解决。

1、在任意网站中，打开浏览器开发者工具(F12)，在`Console`控制台输入如下代码并回车：

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

神奇的事情发生了，当前打开的网站变成了暗黑模式。

2、原理解释

1、document.documentElement 获取文档对象的根元素，即<html>元素
2、给html元素的.style样式添加filter滤镜样式为invert(85%) hue-rotate(180deg)
3、invert() 反转图像。
4、hue-rotate()色相旋转。

为了更方便实用，我们将代码加入书签里

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%的暗黑，再点一次变回正常模式。

3、效果演示

一行代码就可以“黑”掉任意网站相关推荐

一行代码“黑”掉任意网站
文章目录只需一行代码,轻轻一点就可以把任意网站变成暗黑模式. 首先我们先做一个实验,在任意网站中,打开浏览器开发者工具(F12),在 C1onsole 控制台输入如下代码并回车: document. ...
Qt下一行代码就可以使用的稳定易用的日志log类
Qt下一行代码就可以使用的稳定易用的日志类此日志类是基于Qt 自带的扩展的一个易用的日志类, 使用的是Qt自带的日志输出形式, 已长期运行在许多实际项目中,稳定可靠,而且跨平台, 在windows ...
牛逼的黑客也得找工作，他们靠的是黑掉公司网站？
本文来源公路商店全国程序员圈子里有个传说:一旦有黑客攻进了阿里巴巴的防火墙,迎接他的将是漆黑屏幕上一行闪着绿光的大字: "来阿里上班吧,月薪两万." 这高于大部分北沪深漂的诱人 ...
一行代码就可以替换n个仓储文件
( 且放白鹿青崖间,须行即骑访名山 ) 终于还是要面对这个问题了,一直想着可以逃避它,自从18年就开始纠结这个问题,后来看了DDD,然后也收集了很多的设计思想,发现一个框架除了稳定性,可扩展性以外,易 ...
马云下死命令留人？阿里辟谣：不会高薪聘请黑掉阿里网站的人
7月6日消息,针对"马云下死命令留他"."500万年薪"等相关传言,当事人吴翰清在昨天正式发微博辟谣,称这是个假新闻,请不要再消费我和阿里来赚流量了. 此前,网 ...
http代码_一行代码就可以实现HTTP文件服务器，他为什么写了150行？
互联网已经发展了20多年,web技术早已经不是什么新消息,现在更多的程序员讨论的都是web框架,技术框架,高可用框架等.在框架的背后,其实还是要了解最底层的核心内容,比如TCP/IP协议怎么回事,HT ...
python实现人脸识别复杂么_人脸识别没有那么复杂，Python一行代码就可以办到
今天给大家分享一个,用一行python代码实习人脸识别. 环境要求: Ubuntu17.10 Python 2.7.14 环境搭建: 1. 安装 Ubuntu17.10 > 安装步骤在这里 2. ...
Android 状态栏工具——一行代码实现状态栏字体变黑
个人网站参考了一些文章做了一些修改,变成了自己的工具类.其中有很多地方欠考虑,有待改进,欢迎路过的大佬给点建议. 状态栏(一) 状态栏(二) 经过前两篇的介绍我们对如何修改状态栏的效果有了大致的了解 ...
微信推出史上最简单「拍一拍」新功能，仅需一行代码，好友们都玩疯了！
点击上方 "程序员小乐"关注, 星标或置顶一起成长每天凌晨00点00分, 第一时间与你相约每日英文 You will meet two kinds of people in l ...

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

1、在任意网站中，打开浏览器开发者工具(F12)，在`Console`控制台输入如下代码并回车：

2、原理解释

3、效果演示

一行代码就可以“黑”掉任意网站相关推荐

最新文章

热门文章

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

1、在任意网站中，打开浏览器开发者工具(F12)，在Console控制台输入如下代码并回车：

2、原理解释

3、效果演示

一行代码就可以“黑”掉任意网站相关推荐

最新文章

热门文章

1、在任意网站中，打开浏览器开发者工具(F12)，在`Console`控制台输入如下代码并回车：