网页变灰恢复彩色的方法

来自: https://moreless.medium.com/%E7%BD%91%E9%A1%B5%E5%8F%98%E7%81%B0%E6%81%A2%E5%A4%8D%E5%BD%A9%E8%89%B2%E7%9A%84%E6%96%B9%E6%B3%95-2ea2bfb07765

 

一到什么纪念日,这帮人就不管别人愿意不愿意,强行把网站改成灰色。搞得别人也不开心。完全就是强奸民意。

但是网页改成灰色,或者恢复彩色,就一分钟的事,都非常容易操作。

比如这个网页ccav.com,已经变灰了。

1*k1uZ6n8szbtMhpq7Yn2i3A.png

这时候,如果使用chrome浏览器,只要右键选Inspect,或者按F12,就会调出浏览器的调试工具。

1*l2vfvAJgcuay-tm8p1RpIg.png

1*Cgp948wO22vBjeHNULkaNA.png

在第一个Tab elements里面直接编辑网页即可。

搜索关键字gray,会出来一段CSS样式。一般就在页面最顶部。

1*-LXyCwiYVAxh6PPrh_Ax5A.png

<style type="text/css">
html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
*{
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}</style>

右键,选择edit as html,将这段整个删除即可。页面马上恢复彩色。

1*bLP0Bl_8lDbw5rXhol2aRA.png

这个方法有一个不足之处就是,一旦页面刷新之后,就又变成灰色了。这时只要在chrome的store里下载一个permanent inspect element扩展,将网页修改保存即可。这样就可以一直保持彩色了。

1*yyM31IQK-KJlKBxm8DVeJw.png

1*i9aoOS2dXlXu9uGD5JzrIQ.png

要是页面显示出了问题,reset即可恢复原样。

京东的页面更加简单,顶部第一行html,

1*v9Xc-l010NH0AQyaWmBSKA.png

<html class="root61 o2_wide csstransitions cssanimations o2_webkit o2_chrome o2_latest o2_gray"><head><script type="text/javascript">

删除o2_gray即可。改成:

<html class="root61 o2_wide csstransitions cssanimations o2_webkit o2_chrome o2_latest"><head><script type="text/javascript">

秒变彩色。

1*xIagzz_wAy0Hfq70o5lpCQ.png

没有评论: