遇到伟人逝世或是英雄牺牲的日子,大部分网站会在首页或是全站增加一个灰色遮罩,使得站点以灰度显示,用黑白的颜色表达对伟人的追思,为逝去的英雄送行,一些大型购物比如淘宝、京东等也不例外。但灰色的图片无法更好的展示产品的细节,在遇到这类情况,又需要以彩色显示图片以确认产品颜色的时候,我们可以对浏览器中的html代码做一些小改动,以恢复原有的效果。
在chrome系的浏览器中,我们可以用右键“审查元素”来实时查看并修改页面的代码,firefox浏览器具有同样的功能,只是功能描述变为了“检查”;
大部分站点变灰的功能是在站点的html标签里实现的,所以我们首先观察一下jd的html标签,发现里面有一个接近描述的类“o2_gray”;
<html class="o2_mini csstransitions cssanimations o2_gecko o2_firefox o2_107">
直接删除这个类并且回车保存;
这样就很方便的取消了灰色遮罩的效果,页面恢复了彩色显示。当然这种效果仅仅是临时性的,当页面被刷新后,浏览器会重新请求服务器侧的数据,同时html标签的类名又会被恢复原样。