MENU

JavaScriptFirefox拡張機能

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

更新日:2021/03/13

 

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

 

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

 

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

 

 

参考:自作Chrome拡張機能をテストする方法

■お願い
去年ECMAScript2020を頑張って日本語訳しましたが、誰も見てくれません・・・
誰かみて!!
【JavaScript】 学習のためECMAScript2020を日本語訳してみました

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

 

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

 

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

 

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

 

この Firefox リンク

 

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

 

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

 

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

 

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

 

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

 

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

 

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

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

 

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

 

firefox メニュー

 

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

 

firefoxデバッガ―

 

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

 

firefox 開発ツール 設定

 

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

 

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

 

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

 

けーちゃん

 

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

 

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

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

 

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

 

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

 

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

 

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

 

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

記事の内容について

 

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


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

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

そんなときは、ご意見もらえたら嬉しいです。

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

【お願い】

お願い

■このページのURL


■このページのタイトル


■リンクタグ