Firefoxブラウザプラグインの研究ノート

指示:

  1. マニフェスト.jsonファイルを作成し、次の例に従ってプロパティを設定し、将来のメンテナンスと更新のバージョンに注意し、管理しやすいように増やすことを忘れないでください
  2. app.jsファイルを作成し、実装する関数を記述してから、2つのファイルを「GJL2CJ_Plugin.zip」にパッケージ化します。GJL2CJ_Pluginは私が設定したプラグイン名です。
  3. https://addons.mozilla.org/zh-CN/developers/を開いてログインします。アカウントをお持ちでない場合は、最初に登録してからログインして、新しいアドオンを送信してください
  4. パブリックまたはプライベート、PCまたはAndroid(またはその両方)を選択し、zipファイルをアップロードし、特定の機能を使用するかどうかを選択し、zipファイルを再度アップロードして、確認します
  5. しばらく待って、メールリンクを開き、xpiファイルをクリックし、[インストール]をクリックすると、使用できます

マニフェスト.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/* 底二 */

おすすめ

転載: blog.csdn.net/cj1064789374/article/details/114580252