Creați-vă propria extensie pentru Google Chrome №3

Bună ziua și bun venit la a treia și ultima parte a creării de extensii Google Chrome de la zero. Reamintim că, în prima parte a seriei, am construit o extensie Chrome care a spus aproximativ un cuvânt într-un document Google, care este în prezent în centrul atenției, și a făcut acest lucru cu ajutorul jQuery. El a adăugat bara de stare din partea de jos a ecranului.

În această parte, vom finaliza expansiunea prin adăugarea setările de pagină, care pot fi accesate prin intermediul fila Extensii și pot fi folosite pentru a personaliza caracteristicile, dacă vrem extensia noastră a fost.

Adăugarea de opțiuni Page

extensia paginii Varianta este, în principiu doar documentul HTML care (de obicei) cuprinde mai multe elemente de formular. Acum putem crea manual o pagină de configurare și arunca în unele elemente, dar am fost niciodată un fan al reinventarea roții și are un pachet unic de servicii, care face exact ceea ce ne dorim - ofera o pagină implicită care arată și se simte încrezător pe Chrome pagina prestabilită. Vă rugăm să descărcați Fancy și extrageți-l în directorul extensiilor, oferindu-i numele de „fancy-setările“.

Pentru a face pagina noastră de setări descărcarea de expansiune, trebuie să adăugați următoarele în fișierul nostru manifest:

Aceasta sugerează o versiune extinsă a paginii ar trebui să fie descărcate de pe fancy-setări / sursa / index.html. unde am despachetat codul setarea Fancy descărcat. In timp ce noi modifica fișierul manifest.json, să actualizeze la versiunea 0.3.

Pentru această opțiune, pagina în acțiune (deși nu va fi de nici un folos acum), apoi reporniți extinderea (în conformitate cu instrucțiunile din prima parte) și apăsați butonul „Opțiuni“ de lângă ea (ar trebui să fie aproape de „Permiteți în modul incognito“). Acest lucru ar trebui să deschidă o nouă filă care conține unele elemente de formular destul de frumos pentru a edita și personaliza.

Editați setările de pagină

Adăugăm următoarele metode simple: vom lasa utilizatorul alege una dintre cele trei teme vizuale, vom permite utilizatorului pentru a dezactiva cuvântul și pagina contează, și vom permite utilizatorului eliminați link-ul GDWC în bara de stare.

Pentru a adăuga articole, ar trebui, avem nevoie pentru a schimba pagina de opțiuni manifestă în sine. Înlocuiți conținutul fancy-settings / sursa / manifest.js la următoarele:

Este atât de simplu. Setări Fancy setările de pagină vor crea automat toate elementele necesare. Reîncărcați extensie și faceți clic pe butonul de opțiune pentru a vedea în acțiune.

Setările citite și salvat implicit

Asta e tot. Acum reporniți extinderea și Google Docs testate. Nici o schimbare, nu-i așa? Acum, du-te la parametrii nostru de extindere și încercați să selectați o opțiune, apoi actualizați documentul pe care le-ați testat pentru a vedea modificările în timp real. Pornește și se adaugă câteva dintre opțiunile lor, dacă doriți.
Din păcate, trebuie să reîncărcăm opțiunile de extindere, după selecția pe care au intrat în vigoare. Deși nu este prea dificil de a face extinderea actualizării pe noii parametri dinamic, este dincolo de domeniul de aplicare al acestui articol din cauza lungimii. Dacă doriți să o faci singur - toate elementele de setare neobișnuite pot fi evenimente, astfel încât, în scopul de a face acest lucru, trebuie sa asculti la schimbarea de evenimente pe elementele pe care le folosim și pentru a obține acces la toate cazurile de extinderea conținutului pentru editarea liniei de stat. Informații suplimentare pot fi găsite la Fancy, și ghidul de Google Developers.

în concluzie

În această ultimă parte a seriei, am actualizat pagina noastră de opțiuni de extindere care seamănă cu pagina de setări Chrome, și am adăugat posibilitatea de a alege tema, dezactiva anumite caracteristici, și ascunde unele dintre elementele din bara de stare. Sper că această introducere la opțiunea de pagini, a fost suficient să te intereseze, și că începe să experimentezi pe cont propriu. extensie Lumea Chrome este mare și există o nișă de înaltă calitate, îmbunătățiri inovatoare, care îmbunătățesc fluxul de lucru. Cine știe? Ați putea ajunge chiar face un viabile comercial, cu unele practici.
Puteți descărca codul sursă al manualului extensiile Chrome cu GitHub. Mult noroc în experiment Chrome!

șablon Zakzat pentru Amiro CMS pe internet.
- - - - - - - - - - - - - - -