写插件
- 在桌面创建一个名为filterGrayscale的文件夹。
- 在filterGrayscale文件夹下创建一个manifest.json文件。
- 在filterGrayscale文件夹下创建一个content的文件夹，并在里面创建一个index.js文件。
├── filterGrayscale
├── content
│ ├── index.js
└── manifest.json
manifest.json
{
"manifest_version": 2,
"name": "anything",
"version": "1.0",
"description": "anything",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["js/index.js"]
}
]
}
index.js
网站变灰色主要是用了filter这个css属性添加了灰色滤镜，我们通过通配符选择器来把这个灰色滤镜移除。
var style = document.createElement("style");
style.setAttribute("type", "text/css");
var cssString = "*{filter:none !important;-webkit-filter: none !important;}";
if (style.styleSheet) {
// IE
style.styleSheet.cssText = cssString;
} else {
// w3c
var cssText = document.createTextNode(cssString);
style.appendChild(cssText);
}
var heads = document.getElementsByTagName("head");
if (heads.length) heads[0].appendChild(style);
else document.documentElement.appendChild(style);
安装插件
-
打开谷歌浏览器，打开更多工具->扩展程序。
image.png -
点击打包扩展程序。
image.png -
选择扩展程序根目录，选择content文件夹，点击打包开始。
image.png -
打包完成后在filterGrayscale文件夹下生成这两个文件（需要重新打包的话，得先删除这两个文件）。
image.png -
加载已解压的扩展程序，选择content文件夹，安装成功。
image.png
