Firefox拡張機能

自作Firefox拡張機能をテストする方法

更新日:2021/03/13

Firefoxの拡張機能は、JavaScriptでプログラミングできれば比較的容易に作成できます。

しかし作成した拡張機能を実際にFirefox上で動作させてテストするのには、ある程度の知識が必要です。

そこで今回は、自作したFirefox拡張機能をテスト目的でFirefoxにインストールする方法をお伝えします。

 

自作Firefox拡張機能のインストール方法

URLに「about:debugging」と入力して、デバッガ―セットアップページを開きます。

Firefox デバッガ―セットアップページ

「この Firefox」(2つのうちどちらか)をクリックして開きます。

この Firefox リンク

「一時的なアドオンを読み込む」ボタンを押します

一時的なアドオンを読み込む ボタン

manifest.jsonまたは、zip圧縮した拡張機能を選択します。

インストールする自作拡張機能の選択

自作拡張機能が一時的な拡張機能としてインストールされます。

自作拡張機能 インストール 結果

※Firefoxを終了すると、一時的なアドオンは削除されます。

 

コンテンツスクリプトのデバッグ

ページ上でマウスの右ボタンをクリックしメニューを開きます。
要素を調査を選択します。

firefox メニュー

開発ツールが開くので、「デバッガ―」タブを選択します。

firefoxデバッガ―

右上の「…」を押してメニューを開き、「設定」を選択します。

firefox 開発ツール 設定

「ブラウザとアドオンのデバッガ―を有効化」にチェックをいれます。

firefox 拡張機能 アドオン コンテンツスクリプト デバッグ 有効化

開発ツールを閉じます。
再度、開発ツールを開きます。

けーちゃん

拡張機能のスクリプトが表示されます。

表示されない場合は、webページを再表示してください。

 

バックグラウンドページのデバッグ

デバッガ―セットアップページ(about:debugging→この Firefox)を開きます。

拡張機能の「調査」を押します。

拡張機能 調査 バックグラウンドページ

バックグラウンドページのスクリプトが表示されます。

拡張機能  バックグラウンドページ デバッグ

更新日:2021/03/13

書いた人(管理人):けーちゃん

スポンサーリンク

記事の内容について

null

こんにちはけーちゃんです。
説明するのって難しいですね。

「なんか言ってることおかしくない?」
たぶん、こんなご意見あると思います。

裏付けを取りながら記事を作成していますが、僕の勘違いだったり、そもそも情報源の内容が間違えていたりで、正確でないことが多いと思います。
そんなときは、ご意見もらえたら嬉しいです。

掲載コードについては事前に動作確認をしていますが、貼り付け後に体裁を整えるなどをした結果動作しないものになっていることがあります。
生暖かい視線でスルーするか、ご指摘ください。

ご意見、ご指摘はこちら。
https://note.affi-sapo-sv.com/info.php

 

このサイトは、リンクフリーです。大歓迎です。