目前互联网上大部分网页背景色都是白色的,特别刺眼。chrome应用商店中有不少扩展支持将白色背景色替换为豆沙绿但考虑到插件安全性,决定自己写一个简单的扩展,自己用起来放心改起来也方便。
文件下载地址
目录文件路径
- 下载附件后解压
- 打开chrome扩展程序页面
- 开启开发者模式
- 加载已解压的扩展程序
- 随便打开一个网站,点击右上角新添加的扩展程序图标,选择豆沙绿即可
核心代码
function swithcGreen(){
document.body.style.backgroundColor = '#C7EDCC'
setGreen('div')
setGreen('dt')
setGreen('header')
setGreen('nav')
}
function setGreen(tagname) {
let tagnames = document.getElementsByTagName(tagname)
for (let i = 0, item; item = tagnames[i++];) {
item.style.backgroundColor = '#C7EDCC'
}
}
chrome扩展开发链接请参考
【干货】Chrome插件(扩展)开发全攻略
Chrome插件中 popup,background,contantscript消息传递机制