Noi scriem pluginul nostru pentru browserul mozilla firefox, savepearlharbor

Deci, după actualizarea Firefox la versiunea 19, plug-in-ul Yandex.Bar iubit fierbinte a scăzut complet. Nu voi uita să-mi amintesc că Yandex.Bar a fost înlocuit cu Yandex.Elements. care i-au plăcut mai mult decât oricine, așa că au primit 2 bile bine meritate din 5ti.







Primul pas, sa decis să nu se creeze o bicicletă și reinvie Yandeks.Bara, care nu a vrut să lucreze în cele 19 versiuni ale browser-ului. Pe Internet, sa sugerat că pluginul este o arhivă zip regulată. Deschis, privit, îngrozit și închis. Nu a fost posibil să se învie, chiar și cu toată dorința.

Constructorul include 3 secțiuni: o secțiune cu scripturi (Lib), o secțiune cu conținut descărcabil (imagini, stiluri și scripturi) și o secțiune cu biblioteci gata făcute (Biblioteci)

Apropo, aici este documentația: addons.mozilla.org/en-US/developers/docs/sdk/latest/. scris solid.
Începerea pluginului începe cu descărcarea fișierului principal.js.
Funcția se numește: exports.main.

Exemplu de main.js:

Ce fel de magie se întâmplă în acest cod?

Bine, să facem ceva mai dificil. Adăugați butonul dvs. în bara de sus!
Din nou, nu vom construi biciclete, dar cu o conștiință clară vom lua biblioteca deja pregătită pentru Bara de Instrumente Completă.

  • universal, dar mai ușor (folosind stiluri)
  • nu prea universal, dar nu la fel de simplu ca primul (cu ajutorul pânzei)

A doua metodă, totuși, a găsit o metodă de scriere pe Internet. Dar am luat prima.
Știm că bara de sus este același set de elemente cu clasele, identificatorii, proprietățile și modalitățile de a lucra cu ele.







Metoda de scriere este:

sa constatat că metodele se potrivesc exact cu cele pe care le folosim de obicei atunci când lucrăm cu elemente de site. Dar observ că browser-ul nu știe ce este documentul după standard. nici fereastra în extensii (și există diferențe prea).

Observ că dezvoltarea constructorului nu se oprește și dacă mai devreme a fost calea de a obține fereastra activă.

acum totul este mult mai ușor (un exemplu pe care l-am adus mai sus).

Ei bine, puțin despre caracteristici, mă voi întoarce la adăugarea unui contor pentru buton.
Oamenii inteligenți au sugerat că stilul standard al câmpului de etichetare al butonului este afișat: nici unul; așa că trebuie să implementați codul dvs. css în bara. Soluția, așa cum sa dovedit, nu este complicată (vă sfătuiesc să o împachetați într-un fișier care va fi inclus după cum este necesar):

Și în funcția exprorts.main adăugați ceva asemănător (deși puteți adăuga oriunde):

nu uitați să creați în fișierul de conținut stylesheet.css.

Fișierul meu conține următoarele informații:

De ce ascundem pictograma și adăugăm un fundal? Toate pentru că dacă nu faceți acest lucru, blocurile sunt afișate întotdeauna ca afișare: bloc. indiferent de valorile pe care nu le-am expus (apropo, cine poate ști pe această temă?) Prin urmare, este necesar să fim atât de vicleni.

De asemenea, am fugit în problema descărcării conținutului de pe alte site-uri și parsarea xml.
Odată ce primele aflăm rapid, nu mergeți departe: Cerere
Dar cel de-al doilea a trebuit să ticăie.

După cum știm, puteți obține un document DOM xml utilizând mai multe funcții:

  • XMLHttpRequest - a scăzut, deoarece a emis o eroare de interogare între domenii (poate că am făcut ceva greșit?)
  • DOMParser - dar și aici a trebuit să-și facă treaba

Care este povestea actuală: la fel ca la primirea ferestrei. deci aici:

Astfel, crearea pluginurilor pentru Firefox nu este diferită de crearea pluginurilor pentru jQuery 🙂

Apropo, crearea finală a acestei zile: CustomYandexBar. în timp ce este la cec. Surse. în ele multe lucruri utile.

Dacă cineva nu-i place să folosească fotografiile, marca sau altele asemănătoare. - Scrie.







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: