特殊时候,很多网页会把网页颜色换成彩色,这时,如果我们需要将网页变回原色,可以使用如下代码来解决。

 

//颜色恢复代码

(function() {
‘use strict’;

function AntiFilterGrayscaleStyle() {
const style = document.createElement(‘style’);
const css = ‘html,body {filter: grayscale(0%) !important;}’;
html.appendChild(style);
style.appendChild(document.createTextNode(css));
}
const html = document.querySelector(‘html’);
const body = document.querySelector(‘body’);
let matchReg = /^grayscale/
window.addEventListener(‘load’, () => {
//粗暴判断 可能不是灰色网页 反正只用一次 不更新了
if (matchReg.test(body.style.filter)) {
body.style.filter = ”;
AntiFilterGrayscaleStyle();
} else if (matchReg.test(html.style.filter)) {
html.style.filter = ”;
AntiFilterGrayscaleStyle();
} else if (matchReg.test(getComputedStyle(body).filter) || matchReg.test(getComputedStyle(html).filter)) {
AntiFilterGrayscaleStyle();
}
}, false);
document.documentElement.style.filter = “none”
document.body.style.filter=”none”
document.querySelector(‘html’).style.cssText=’-webkit-filter: none;’
})();

 

将以上代码复制,在你需要恢复原色的网页,右键审查元素(或者F12),然后进入console控制台,粘贴代码,回车键运行即可。

 

以BILIBILI为例:

初始状态:

 

运行代码后: