Ako vytvoríte chrómové rozšírenie pre svoj web?

Vytvorenie rozšírenia, ktoré stiahne kanál RSS vášho blogu alebo webovej stránky a zobrazí ho priamo z prehliadača, môže pomôcť zvýšiť návštevnosť a zapojenie webových stránok. Ak poznáte jazyky html, CSS a Javascript, tento návod bude hračkou. Pre tých, ktorí si to neuvedomujú, sa rozšírením vytvorí niekoľko jednoduchých krokov.

Kroky

1

Stiahnite si HTML editor. Notepad ++ je bezplatná možnosť s otvoreným zdrojovým kódom pre Windows a Komodo Edit pre Mac.
2

Vytvorte súbory rozšírení. Otvorte textový editor a vytvorte štyri nové súbory a pomenujte ich manifest.json, popup.html, popup.css, popup.js. Nechajte ich zatiaľ prázdne.
3

Vyplňte súbor manifest.json. Vo vyššie uvedenom kóde vyplňte polia s názvom, popisom a predvoleným názvom podľa toho, ako by ste chceli rozšírenie nazvať a ako by ste ho charakterizovali.
4
Vyplňte svoj popup.html. Pridajte názov rozšírenia do poľa s názvom vo vyššie uvedenom kóde. Vytvorí sa webová stránka, ktorá bude pripojená k ikone vášho rozšírenia v prehliadači. Po kliknutí na ikonu sa zobrazí toto kontextové okno.
- Teraz zapĺňame túto webovú stránku obsahom z vášho kanála RSS.
Vytvorte súbory rozšírení.
5

Vytvorte súbor popup.js. Pridajte adresu URL do svojho kanála RSS namiesto názvu „myfeedurl“ vyššie.
6

Nechajte svoje vyskakovacie okno vyzerať dobre. Pridajte vyššie uvedený kód do vyskakovacieho okna. css súbor. To vytvorí základný vzhľad pre vaše vyskakovacie okno. Podľa svojich požiadaviek mu môžete vždy dodať oveľa viac štýlu.
7

Vytvorte ikonu, ktorá bude predstavovať vaše rozšírenie. Budete musieť navrhnúť obrázky png štyroch rozmerov - 128 x 128, 64 x 64, 48 x 48 a 26 x 26. Pomenujte ich 128.png, 64.png, 48.png a icon.png.
8

Vložte všetky tieto súbory do priečinka. Komprimujte ich a nahrajte do webového obchodu Chrome.

Prečítajte si tiež: Ako odstrániť motívy v prehliadači Chrome na PC alebo Mac?