Cara membuat firefox add-on

Tutorial ini membimbing anda melalui membina add-on Firefox yang membolehkan pengguna menetapkan penggera tersuai dengan teks yang diperibadikan. Tiada pengalaman terdahulu dengan tambahan Firefox atau sambungan penyemak imbas diperlukan; Pengetahuan asas JavaScript cukup. Kod Lengkap boleh didapati di GitHub [GitHub Repository Link (tidak disediakan)], dan Add-On selesai diterbitkan [Pautan Add-On yang diterbitkan (tidak disediakan)].

Konsep Utama:

Persediaan:
• Persediaan: manifest.json Fail penting ini mentakrifkan nama, versi, keterangan, dan ikon add-on anda. Manifest V2 kini diperlukan untuk Firefox.
• pelaksanaan popup (): Mewujudkan antara muka pengguna yang dipaparkan apabila ikon add-on diklik. popup.html API Penyimpanan: Gunakan penyimpanan tempatan untuk data khusus penyemak imbas dan penyimpanan penyegerakan untuk data yang boleh diakses merentasi peranti dan sesi.
• Page Opsyen ():
Menyediakan antara muka tetapan yang disesuaikan, yang membolehkan pengguna menguruskan penggera.
• options.html API penggera: Jadual dan menguruskan penggera yang mencetuskan pemberitahuan.
• Pengendalian Pemberitahuan: Menghantar Pemberitahuan Menggunakan Pemberitahuan Api.
• Penghapusan Penggera: Melaksanakan fungsi untuk menghapuskan penggera dari penyimpanan dan membatalkan pemberitahuan yang dijadualkan.
• Mozilla Developer Hub Publication: Menyediakan add-on anda untuk penyerahan, memastikan
dikonfigurasi dengan betul.
• manifest.json Mewujudkan add-on:

Penciptaan:
1. Mulailah dengan membuat fail

   dengan maklumat minimum berikut: , manifest.json, , , dan manifest.json (dengan laluan ke aset ikon anda). name version manifest_version description icons

   Memuatkan di Firefox:

   {
     "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"
     }
   }

   Gunakan pengurus add-ons Firefox (boleh diakses melalui

2. ) untuk memuatkan add-on dalam mod debug. Ini membolehkan ujian dan debug sebelum penerbitan. ctrl shift A

   Penciptaan pop timbul (): Reka bentuk fail HTML pop timbul untuk memaparkan penggera yang akan datang dan pautan ke halaman pilihan. Sertakan pautan CSS dan JavaScript yang diperlukan.

3. Integrasi Penyimpanan: popup.html Tambah kebenaran ke

   untuk membolehkan ketekunan data. Gunakan
dan
4. untuk mengambil dan menyimpan data penggera. Ingatlah untuk memasukkan ID tambahan yang unik dalam

   untuk ujian tempatan (keluarkan sebelum penerbitan).

5. Page Opsyen (options.html): Buat halaman pilihan untuk membolehkan pengguna membuat penggera baru. Gunakan borang untuk mengumpul butiran penggera (nama dan masa). Gunakan browser.storage.sync.set untuk menyimpan penggera baru.

6. Pemberitahuan Penjadualan (API API): Gunakan browser.alarms.create dalam JavaScript halaman pilihan anda untuk menjadualkan penggera berdasarkan input pengguna. Tetapkan harta when untuk masa pencetus penggera.

7. skrip latar belakang (background.js): Buat skrip latar belakang untuk mendengar peristiwa penggera menggunakan browser.alarms.onAlarm.addListener. Apabila penggera mencetuskan, hantar pemberitahuan menggunakan browser.notifications.create. Tambah "alarms" dan "notifications" keizinan ke manifest.json.

8. Penghapusan pemberitahuan: Tambah fungsi untuk memadam penggera dari penyimpanan dan membatalkannya menggunakan browser.alarms.clear.

9. penerbitan: keluarkan "browser_specific_settings" dari manifest.json sebelum menyerahkan add-on anda ke hab pemaju Mozilla.

Tutorial kemudian memperincikan proses menerbitkan tambahan ke laman web Mozilla Add-ons, termasuk langkah-langkah untuk mengemas kini add-on selepas penerbitan. Akhirnya, ia memberikan arahan untuk menyesuaikan diri dengan keserasian dengan Chrome. Soalan Lazim yang disediakan merangkumi soalan umum mengenai pembangunan tambahan Firefox.

Atas ialah kandungan terperinci Cara membuat firefox add-on. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!