A példa - hello világra írjuk a króm kiterjesztését!

Szeretne létrehozni egy bővítményt a Chrome számára, de nem talált dokumentációt?
Ebben a cikkben a "Hello world" példán keresztül megnézzük a Chrome bővítmény létrehozását.

Először is meg kell határoznunk, hogy kiterjesztésünk végre fog működni

A "Hello world" kiterjesztés a következőket igényli

Már eldöntöttük a kiterjesztés funkcióit, és most át tudsz lépni

Először létre kell hoznia egy mappát, ahol a kiterjesztésünk fájlai megtalálhatók lesznek

Hívjuk "HelloWorld"

És benne a "manifest.json"

A "manifest.json" olyan fájl, amelyben a kiterjesztésünk "ismertetésre kerül", és néhány paraméter kerül meghatározásra

Először megtaláljuk az alkalmazás ikonját

Tetszik itt:

Mozgassa az ikont az img mappába, és adja meg a név ikonját

Most a kiterjesztésű mappában létrehozjuk a "popup.html" fájlokat. „Background.html”, „options.html” (ahogy lehet sejtette kiterjesztést írt HTML, JS (após minden lehet benne egy normális html oldal))

Nos, már kiterjesztésünk készen áll

Telepítheti a "Beállítások" => "Bővítmények" => "Extracted Extension letöltése." És adja meg a "Helloworld"

Amikor elindítja a kiterjesztést, a kódot a "background.html" futtatásával futtatjuk, és ott lesz az 1. üzenet kimenete

(vagyis amikor elindul a böngésző, a bővítmények elindulnak, és minden alkalommal meg fogjuk figyelni az üzenet kimenetét)

Ha rákattintunk a bővítmény ikonjára, egy olyan előugró menü jelenik meg, amelyen a kód "popup.html" lesz,

Ha az ikon bővítése RMB (jobb egérgomb), és kattintson a „Beállítások”, akkor lesz az oldalra, amely a kód a „options.html”

A kiterjesztést egy fájlba is "lefordíthatja"

Menjünk a Chrome "Beállítások" => "Bővítmények" => "Csomagkiterjesztések" lehetőségre.

Adja meg a kiterjesztésű mappához vezető elérési utat, és a kimeneten 2 fájlt kap:

• * .crx - kiterjesztés
• * .pem - a privát kulcsot (feltételezve, hogy létrehozta a kiterjesztést, majd szeretnék fejleszteni, de láttuk az új Chrome verzió a kiterjedés „frissített” a későbbi bővítési csomag meg kell adnia ugyanazt a privát kulcsot fájl)

Sikeres fejlesztéseket kívánok!