Lecke №4 - Bővítési lehetőségek google chrome

Miután összegyűjtöttük az első kiterjesztés a Google Chrome, rengeteg megcsodálta őket, van egy ellenállhatatlan vágy, hogy a változások és fejlesztések. És az első dolog, ami eszembe jut: mi kell tuning! Kezdeni, szeretném, hogy rendszeresen módosíthassa már volt ideje, hogy viselte a „Hello World!”. Ez is hasznos lesz, hogy kapcsolja be és ki a verzió információkat az alkalmazás. Mondta - kész. Ahhoz, hogy a felhasználók számára, hogy konfigurálja a bővítmények API Chrome alkalmazását biztosítja az „Options” speciális oldal.

Már a kezdet kezdetén meg kell állapítani a nyilvánvaló fájlt (manifest.json):

Ezután hozzon létre egy megfelelő options.html fájlt (ne felejtsük el, hogy mentse a fájlt UTF-8 kódolású). Először hozzon létre egy űrlap elemek határozzák meg a paramétereket. Ez lesz a legördülő listából válassza ki a kifejezést, és a jelölőnégyzettel engedélyezheti / letilthatja a kijelző képernyőn változata a kiterjesztése. Már szerepel a listán az első három mondat jutott az eszembe. Hozhat létre egy listát akárhány kifejezések különböző tartalommal. ;-)

Itt van, hogyan nézne ki:

Nem, hogy megteremtse a fajta Mentés gombra, én inkább a beiktatást a onclick esemény a test elem, de ez, mint mondják, ízlés dolga. Kattintva bármilyen elemet vezet hívás saveOptions () függvényt. amely most viszont. API DOM Storage tárolását biztosítja paraméterei egy speciális területe a memória localStorage. képviselő attribútum módszer ablakban. Adatokhoz való hozzáférés a tár használata engedélyezett két jelölést: window.localStorage.p_text és localStorage [ „p_text”]. ahol p_text - a neve a változó tárolja az adatokat. Emlékeztetni kell arra, hogy az összes tárolt értékeket localStorage szövegként. Írj egy script dolgozni az értékeket a paraméterek bővítése:

A szkript tartalmaz két funkciója van. Először saveOptions () lehetővé teszi, hogy tárolja paraméterek értékei a tároló. Egy második onLoad () - terhelési értékek tárolt paraméterek nyitásakor options.html oldalon.

Ne felejtsük el, hogy az alapértelmezett értékek szükségesek, amikor először megnyitja az oldalt.

A harmadik szakaszban rátérünk a tárolt értékeket egy felugró ablakban.

Egy fájl helyett egy string popup.html

megjeleníti az előre beállított Ön sornyi szöveget (például Hello World!). A displayVersionNumber () függvény - a jelenlegi változat a kiterjesztés, amelyet kap a manifest.json fájlt. Nem fogjuk vizsgálni a munka ezt a funkciót, mivel ez nem tárgya ennek a leckét. Ugyancsak nem elfelejteni az alapértelmezett.

Nem lehet kitalálni, hogy mi a felhasználó kiválasztja a telepítés után a terjeszkedés: Expansion gombra, vagy hívás beállításai oldalon. Tett volna? Nos, ez minden. Hát nem elég? A munkánk eredménye látható a jobb oldalon.

Ui Ezt a leckét készítünk az Ön számára, Vadim. Beleegyezett, hogy segítse a közösség fejlődését bővítmények a Google Chrome. Tehát köszönöm mindenkinek - ez =)

P.S.S. Egy példa, hogy mi történt itt elérhető.

Kapcsolódó cikkek

• Hogyan lehet eltávolítani a vírust a google chrome

• Hogyan juthat el a jelszavakat nővére jelszavak Google Chrome tárolt kódolatlan

• Beállítások importálása egy másik böngésző a Google Chrome

előző ◈ a következő