自己编写chrome护眼插件

最新推荐文章于 2024-06-02 09:50:00 发布

xu187

最新推荐文章于 2024-06-02 09:50:00 发布

阅读量348

点赞数

本文链接：https://blog.csdn.net/xu187/article/details/103888211

版权

目前互联网上大部分网页背景色都是白色的，特别刺眼。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'
    }
}