Létrehozása egy kiterjesztés a Google Chrome dolgozó dom aktív lap

Amint azt tűzte ki, hogy egy egyszerű kiterjesztés Chrome. követ néhány egyszerű műveletet a html-kódot az oldal, nyissa meg a lapot. Például, azt akartam, hogy visszatérjen a korábban eltávolították a Google Chrome funkció nyúlik semmilyen formában az oldalon.

Korábban már a Chrome-ban «Helló Világ» -extension létrehozott hivatalos utasítás. de nem alkalmas példaként manipuláció a DOM. Tehát volt egy pillantást, és találtam ezt, egy másik hivatalos lapja példa a különböző kiterjesztések. minden API funkciók a Chrome Extensions.

Az alábbiakban egy példát végrehajtásának tervezett bővítése formájában csak a két fájlt.

Mivel ez egy sima kiterjesztés vették fel példaként. hogy ha rákattint az ikonra a Chrome kiterjesztés eszköztár változtatni a háttér színét az oldal jelenik meg a lapon a piros.
Ennek megfelelően idézni kód frissítette a fájl kiterjesztések, background.js:

Ennek az a lényege, hogy a kód egyszerű: ha rákattint a bővítmény ikonjára ortodox, listner működik Chrome-kód, amely végrehajtja a szkript az aktuális lapra. A szkript csak keres egy elem az osztály «Keresés tétel», és ha úgy találja, legalább egy, módosítsa az értéket átméretezése style attribútum függőleges.

És manifest.json fájl tartalma, amely nélkül telepíti csomagolatlan kiterjesztése a Chrome-hoz a chrome: // extensions / gomb „Load kicsomagolva kiterjesztés”:

Mi az eredmény után a gombra kattintva a mi terjeszkedés, balról jobbra:

Lásd még:

Kapcsolódó cikkek

előző ◈ a következő