火狐浏览器插件学习笔记

使用方法：

1. 创建manifest.json文件，按下面示例设置属性，注意version在之后维护更新时记得增加，这样好管理
2. 创建app.js文件，写要实现的功能，然后把两个文件打包成“GJL2CJ_Plugin.zip”，GJL2CJ_Plugin是我定的插件名
3. 打开https://addons.mozilla.org/zh-CN/developers/并登陆，没账号的先注册再登陆，提交新附加组件
4. 选择公开还是私用，PC端还是安卓端（或两者），并上传zip文件，选择是用到某些功能，再次上传zip文件，确定
5. 等一会儿，打开邮箱链接，点击xpi文件，点安装，即可使用

manifest.json

{
    
    
    "manifest_version": 2,
    "name": "GJL2CJ_Plugin",
    "version": "4.0",
    "content_scripts": [
      {
    
    
        "matches": ["https://blog.csdn.net/cj1064789374/article/details/*"],
        "js": ["app.js"]
      }
    ]
  }

app.js

/* 上 */
document.getElementById("csdn-toolbar").style.backgroundColor="black"/* 标题栏 */
document.getElementById("toolbar-search-input").style.backgroundColor="black"/* 搜索框 */

/* 左 */
document.getElementsByClassName("blog_container_aside")[0].style.opacity=0/* 左边全空（单独用会无效） */
document.getElementById("asideProfile").style.opacity=0/* 个人信息 */
document.getElementById("asideSearchArticle").style.opacity=0/* 搜索框 */
document.getElementById("asideHotArticle").style.opacity=0/* 热门文章 */
document.getElementById("asideNewComments").style.opacity=0/* 最新评论 */
document.getElementById("asideCategory").style.opacity=0/* 分类专栏（目录页才有） */
document.getElementById("asideArchive").style.opacity=0/* 最新文章 */

/* 浮 */
document.getElementsByClassName("csdn-side-toolbar")[0].style.opacity=0/* 四个按钮 */

/* 中 */
document.getElementsByClassName("article-header-box")[0].style.backgroundColor="black"/* 标题 */
document.getElementsByClassName("article-info-box")[0].style.backgroundColor="black"/* 副标题 */
document.getElementsByClassName("blog-content-box")[0].style.backgroundColor="black"/* 文章背景色 */
document.getElementsByClassName("blog-content-box")[0].style.color="white"/* 文章正文色 */
document.getElementsByClassName("left-toolbox")[0].style.backgroundColor="black"/* 点赞 */
document.getElementsByClassName("comment-box")[0].style.backgroundColor="black"/* 评论 */
document.getElementsByClassName("recommend-tit-mod")[0].style.backgroundColor="black"/* 相关推荐标题 */
document.getElementsByClassName("recommend-box insert-baidu-box")[0].style.opacity=0/* 相关推荐 */
document.getElementsByClassName("first-recommend-box recommend-box")[0].style.opacity=0/* 第一推荐 */
document.getElementsByClassName("second-recommend-box recommend-box")[0].style.opacity=0/* 第二推荐 */

/* 右 */
document.getElementById("rightAside").style.opacity=0/* 右边全空 */

/* 底 */
document.getElementsByClassName("template-box")[0].style.opacity=0/* 底一 */
document.getElementById("copyright-box").style.opacity=0/* 底二 */