Firefoxのアドオンを自作して遊ぶ

開発環境は、Windows 7 Professional(32bit) + Firefox 58.0.2(32bit) 。

ちょっとした思いつきだけれど、firefoxでアクセスしたページで、イノベーションという言葉を見つけたら、すべてをおちんちんという言葉に置換するアドオンを作ってみようと思いました。ジョークプログラムです。

1.Cドライブ直下に、test-addonディレクトリを作成する
コマンドプロンプトで以下のコマンドを入力する

cd c:\
mkdir test-addon

2.test-addonディレクトリの下に、以下のコードをmanifest.jsonという名前で保存する

{

  "manifest_version": 2,
  "name": "test-addon",
  "version": "1.0",
 
  "description": "Adds a solid red border to all webpages matching mozilla.org.",
 
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "js": ["test-addon.js"]
    }
  ]

}

3.test-addonディレクトリの下に、以下のコードをtest-addon.jsという名前で保存する

document.body.innerHTML = document.body.innerHTML.replace(/イノベーション/g, "おちんちん");

4.Firefoxを起動して、アドレスバーにabout:debuggingと入力する。

5.一時的なアドオンを読み込むボタンをクリックし、test-addon.jsを選択する。
Firefoxを消すか、about:debuggingの削除ボタンをクリックするまで有効。

6.これで適当なサイトへアクセスすると、アドオンが反映される。今回は、イノベーションWikipediaのページへアクセスする。
f:id:k01ken:20180513142035p:plain

これを応用すれば、あらゆるWebサイトで自分にとって不快なキーワードはすべて、見ないようなアドオンが作れる。

参考リンク
初めての拡張機能 - Mozilla | MDN