Notes d'étude du plug-in du navigateur Firefox

Instructions:

  1. Créez un fichier manifest.json, définissez les propriétés selon l'exemple suivant, faites attention à la version lors de la maintenance et de la mise à jour futures, n'oubliez pas d'augmenter, afin qu'il soit facile à gérer
  2. Créez le fichier app.js, écrivez les fonctions à implémenter, puis empaquetez les deux fichiers dans "GJL2CJ_Plugin.zip", GJL2CJ_Plugin est le nom du plug-in que j'ai défini
  3. Ouvrez https://addons.mozilla.org/zh-CN/developers/ et connectez-vous. Si vous n'avez pas de compte, enregistrez-vous d'abord, puis connectez-vous pour soumettre de nouveaux modules complémentaires
  4. Choisissez public ou privé, PC ou Android (ou les deux) et téléchargez le fichier zip, choisissez d'utiliser certaines fonctions, téléchargez à nouveau le fichier zip et confirmez
  5. Attendez un peu, ouvrez le lien e-mail, cliquez sur le fichier xpi, cliquez sur installer, vous pouvez l'utiliser

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/* 底二 */

Je suppose que tu aimes

Origine blog.csdn.net/cj1064789374/article/details/114580252
conseillé
Classement