Firefoxアドオンの作成方法

このチュートリアルは、ユーザーがパーソナライズされたテキストでカスタムアラームを設定できるFirefoxアドオンを構築することをガイドします。 Firefoxアドオンまたはブラウザ拡張機能の事前の経験は必要ありません。基本的なJavaScriptの知識で十分です。 完全なコードはgithub [githubリポジトリリンク（提供されていない）]で利用でき、完成したアドオンが公開されています[公開されたアドオンリンク（提供されていない）]。

重要な概念：

• セットアップ：この重要なファイルは、アドオンの名前、バージョン、説明、およびアイコンを定義します。 Manifest V2は現在、Firefoxに必要です manifest.jsonPopup実装（
• ストレージapis：ブラウザ固有のデータにローカルストレージを使用し、デバイスとセッションでアクセス可能なデータのストレージを同期します。 popup.htmlオプションページ（
）：
• カスタマイズ可能な設定インターフェイスを提供し、ユーザーがアラームを管理できるようにします。 Alarms API：
通知をトリガーするアラームをスケジュールおよび管理します。
• options.html通知処理：通知APIを使用して通知を送信します
• アラームの削除：は、ストレージからアラームを削除してスケジュールされた通知をキャンセルするように機能を実装します。
• Mozilla Developer Hub Publication：提出のためにアドオンを準備し、が正しく構成されていることを確認します。
• アドオンを作成する：
• manifest.json
作成：

次の最小情報を備えた

ファイルを作成することから始めます：、、

、

、および
1. （with withアイコンアセットへのパス）。

   manifest.json Firefoxでの読み込みmanifest.json >nameFirefoxのアドオンマネージャー（versionmanifest_version description経由でアクセス可能）を使用して、アドオンをデバッグモードでロードします。これにより、公開前にテストとデバッグが可能になります icons

   {
     "name": "personalized-alarms",
     "version": "0.0.1",
     "description": "Create personalized alarms",
     "manifest_version": 2,
     "icons": {
       "16": "assets/images/icon16.png",
       "32": "assets/images/icon32.png",
       "48": "assets/images/icon48.png",
       "128": "assets/images/icon128.png"
     }
   }

2. ポップアップ作成（ポップアップHTMLファイルを設計して、今後のアラームとオプションへのリンクを表示します。 必要なCSSとJavaScriptリンクを含めます ctrl shift A

   ストレージ統合：

   許可を

   に追加して、データの持続性を有効にします。 アラームデータを取得して保存するには、
および
3. を使用します。 ローカルテスト用の一意のアドオンIDを

   に含めることを忘れないでください（公開前に削除）。

4. オプションページ（options.html）：オプションページを作成して、ユーザーが新しいアラームを作成できるようにします。 フォームを使用して、アラームの詳細（名前と時間）を収集します。 新しいアラームを保存するには、browser.storage.sync.setを使用してください。

5. 通知のスケジューリング（Alarms API）：オプションページのjavaScriptでbrowser.alarms.createを使用して、ユーザー入力に基づいてアラームをスケジュールします。 アラームのトリガー時間にwhenプロパティを設定します。

6. バックグラウンドスクリプト（background.js）：背景スクリプトを作成して、browser.alarms.onAlarm.addListenerを使用してアラームイベントをリッスンします。 アラームがトリガーされたら、browser.notifications.createを使用して通知を送信します。 "alarms"および"notifications"の権限を追加します manifest.json

7. 通知の削除：

   機能を追加して、ストレージからアラームを削除し、。を使用してキャンセルします。 browser.alarms.clear

8. 公開：

   モジラ開発者ハブにアドオンを送信する前にから削除します。"browser_specific_settings" manifest.json

チュートリアルでは、公開後にアドオンを更新する手順を含む、MozillaアドオンのWebサイトへのアドオンを公開するプロセスを詳しく説明します。 最後に、Chromeとの互換性のアドオンの適応に関する指示を提供します。 提供されたFAQは、Firefoxアドオン開発に関する一般的な質問をカバーしています。

以上がFirefoxアドオンの作成方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。