起因

网站会在一些特定的日子里变灰，但是长时间观看灰色的内容会导致眼睛的损害（bushi
![在这里插入图片描述](https://img-blog.csdnimg.cn/e4dc6667cb46434d976ba15fd2760bb1.png
所以建议这段时间减少娱乐活动

那么就有小伙伴问了，如果我真的要看，但是害怕伤害眼睛怎么办？

这里以B站为例（其实每家都一样）

原理

原理是因为网站使用了如下的CSS导致的：

html.gray {filter: grayscale(85%) saturate(80%);-webkit-filter: grayscale(85%) saturate(80%);-moz-filter: grayscale(85%) saturate(80%);-ms-filter: grayscale(85%) saturate(80%);-o-filter: grayscale(85%) saturate(80%);filter: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=.85);-webkit-filter: grayscale(.85) saturate(.8);
}

使用这个特性可以通过一行css直接让整个网页变灰，目前是各家网站的经典落地方案

那么有没有什么办法可以简单的直接清除grayscale呢？

清除网页变灰的方法：

How to remove gray or grayscale from website:

清除grayscale的方法：

1.首先下载ublock：

因为我习惯使用edge，所以直接在微软商店中下载即可：
https://microsoftedge.microsoft.com/addons/detail/odfafepnkmbhccpbejgmiehpchacaeak

2.安装后点击进入设定：

3.进入设置界面，选择“自定义静态规则”

4.将如下内容复制进入规则中：

*##html:style(filter: none!important;-webkit-filter:none!important)

5.按ctrl+(windows系统)或者command+s(Mac系统),或点击应用更改

6.重新打开B站或者淘宝等网站，你就会发现灰色遮罩被清除了

最后备注：

只能使用ublock，因为我试验过adblock和apb，他们的规则只能做简单的清除，不支持css内容替换，所以无法使用

这个方法理论上对其他的浏览是没有任何影响的，至少我测试后并未发现导致其他的问题

解除网站变灰的方法,阻止网站变灰的方法,remove grayscale from website相关推荐

网站阻止bing搜索收录的方法
阻止 URL(在您的网站上发布)显示在必应搜索结果中的最佳方法是添加元标记到网页的 HTML 标头.这个标签告诉必应从不将页面添加到索引,并且它不会出现在搜索结果中.必应机器人需要读取此标记页面; ...
很多网站、APP 前段时间一下都变灰了。先来感受一下变灰后的效果。
很多网站.APP 前段时间一下都变灰了. 先来感受一下变灰后的效果. 这种灰色的效果怎么实现的呢?如何做到图片.文字.按钮都变灰的效果呢? 方案 1,换一套灰色的 UI,那显然成本太大了,用脚指头想一 ...
网站服务器访问变慢是什么原因,网站访问速度太慢的一般解决方法
网站访问速度问题其实应该居于站长应该考虑的最优先的问题,网站访问慢直接关系到网站访问量,用户体验度的问题.今天我就来给大家介绍几种通用的解决网站太慢的方法. 1.通过浏览器插件找出网页请求过程中的加载 ...
网站收录查询方法，网站收录减少的原因
网站收录就是与互联网用户共享网址,网站收录前提是网站首页提交给搜索引擎,蜘蛛才会光顾,每次抓取网页时都会向索引中添加并更新新的网站,站长只需提供顶层网页即可,不必提交各个单独的网页.抓取工具能够找到其 ...
Asp.net 2.0 中将网站首页生成静态页的一个比较好的方法
做网站时,有时为了提高性能会将网站首页生成静态页(当然, Asp.net中页面缓存也是一个不错的选择了将页面生成静态的方法有多中,据不完全统计有N种(N>1) 呵呵以下的方法来自 " ...
织梦 PHP 字段调用,织梦dede网站内容模型普通文章调用自定义图片字段的方法(和调用...
织梦DedeCMS网站内容模型普通文章调用自定义图片字段的方法: 我们首先需要创建一个自定义函数, 找到:/include/extend.func.php ,在 function GetOneImgU ...
企业网络推广方法之网站内容链接SEO该怎么做？
企业网络推广方法介绍,在网站SEO优化的过程中,内容优化是重中之重,做好网站的内容优化能帮助网站更好地提升排名和权重.那么对于优化人员来说该如何做好网站内容链接SEO呢?下面企业网络推广方法就带大家一 ...
html视频海报代码,如何在网站头部添加视频海报？添加视频海报的方法（代码示例）...
本篇文章给大家带来的内容是介绍如何在网站头部添加视频海报?添加视频海报的方法(代码示例) .有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 给网站头部添加视频海报的代码: 视频海报 ...
php 实时监测网站是否异常_网站跳转劫持解决，网站跳转劫持解决方法只有3步...
某一客户单位的网站首页被篡改,并收到网检的通知说是网站有漏洞,接到上级部门的信息安全整改通报,贵单位网站被植入木马文件,导致网站首页篡改跳转到彩票网站,根据中华人民共和国计算机信息系统安全保护条例以及 ...

解除网站变灰的方法,阻止网站变灰的方法,remove grayscale from website

起因

原理