Írás egy plug-in Mozilla Firefox böngésző, savepearlharbor
Tehát frissítés után a Firefox verzió 19, leesett teljesen szeretett bővítmény Yandeks.Bara. Ne felejtsük el emlékeztetni arra, hogy Yandeks.Bara váltotta Yandeks.Elementami. aki szerette egy kicsit több, mint bárki, és ezért van a jól megérdemelt 2 az 5-el.
Az első lépés, úgy döntöttek, hogy ne hozzon létre egy kerékpáros, és feltámasztani Yandeks.Bara, aki nem akar dolgozni, a 19 változata a böngésző. Az interneten azt javasolta, hogy a plug-in - ez a szokásos zip fájlt. Felnyitották, rémültnek látszott és zárt. Resurrect nem sikerült, még akkor is, ha akarnak.
Builder három részből áll: egy rész a szkriptek (Lib), ahol a szakasz letölthető tartalmak (képek, stílusok és szkriptek), és megosztjuk kész könyvtár (Libraries)
By the way, itt a dokumentáció: addons.mozilla.org/en-US/developers/docs/sdk/latest/. írásbeli mélyen.
Indítsuk el a bővítmény kezdődik main.js. fájl letöltése
Hívott függvény: exports.main.
main.js fájl Példa:
Milyen varázslat történik ebben a kódban?
Oké, csináljunk valamit, egy kicsit bonyolultabb. Hozzá egy percre egy gombot a felső sáv!
Ismét nem fogunk építeni kerékpárok és jó lelkiismerettel, hogy egy kész könyvtár eszköztár gomb Complete.
- sokoldalú, de egyszerűbb (stílusok)
- nem nagyon sokoldalú, de nem olyan egyszerű, mint amilyennek első (via vászon)
A másik módszer, azonban megjegyezte, véletlenszerűen az interneten. De vettem az elsőt.
Tudjuk, hogy a felső sáv - ez ugyanaz elemekre osztályaikkal, azonosítók, tulajdonságok és módszerek velük dolgozni.
Véletlenszerűen típusa:
azt találtuk, hogy a módszerek pontosan ugyanaz is, hogy szoktunk használni, ha dolgozik elemei a helyszínen. De hogy a szabványos böngésző nem tudja, mi minden dokumentumot. nincs ablak a bővítmények (és még mindig vannak különbségek).
Megjegyezzük, hogy a tervezési építő nincs a helyén, és ha korábban előállítására szolgáló eljárás az aktív ablak annyira.
de most minden sokkal könnyebb (a példában azt fent).
Nos, egy kicsit a funkciók, megyek vissza hozzá a számláló a gombot.
Okos emberek azt javasolta, hogy a standard mezőcímkét stílus a gomb display: none;. így ha szükséges volt, hogy bemutassuk a CSS kódot a bárban. A megoldás, mint kiderült, nem bonyolult (azt tanácsolom, hogy forduljon egy fájlt, majd inklyuditsya szükség szerint):
És exprorts.main funkciót adjunk valami hasonló (bár felveheti bárhol):
ne felejtsük el, hogy hozzon létre egy fájlt a tartalom stylesheet.css.
Van egy fájl tartalmazza valami hasonló a következők:
Miért elrejteni az ikont, és adjunk hozzá egy háttérben? Ez azért van, mert ha nem, akkor a blokk mindig megjelenik a display: block. bármi értékek nem tettem (by the way, tud valaki tud erről a témáról?) Ezért szükség van olyan, hogy megcsal.
Szintén szembesülnek azzal a problémával letöltésének tartalom más oldalakon, és az XML elemzése.
Az első gyorsan rájöttek nem messze keresni: Request
De a második volt bütykölni.
Mint tudjuk, hogy dom XML dokumentum, akkor több funkciója van:
- XMLHttpRequest - óta csökkent, kiadott cross site request hiba (talán nem csinálok valamit?)
- DOMParser - de itt is volt bütykölni
Az, hogy valójában mi felhajtás: a adni ablakot. és itt:
Így létrehozását plug-inek a Firefox nem különbözik létre egy plugin a jQuery 🙂
By the way, a végső teremtés ezen a napon: CustomYandexBar. amíg vizsgálják felül. Forrásokból. van egy csomó dolog hasznos.
Ha valaki nem tetszik, használja a „saját” kép vagy a márka, stb - írja.