Web Browser Extension Development

Web Browser Extension Development Acatrinei Tiberiu-Andrei Sumanaru Cristian An 3, Grupa 1A

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Ce este o extensie?

Exista diferente intre extensii si plugin-uri?

[object Object],[object Object],Diferente intre extensii si plugin-uri

[object Object],[object Object]

Extensii Mozilla Firefox ,[object Object],[object Object],[object Object],[object Object],[object Object],Clasificarea extensiilor

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],Construirea unei extensii Configurarea mediuluiu de dezolvtare

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Instalarea manifest

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Chrome

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Chrome Manifest

[object Object],[object Object],[object Object],[object Object],Extinderea Browser-ului folosind XUL Creeare de componente pentru Interfata Utilizator Utilizatorul are posibilitatea de a creea fereste si dialog box-uri ca si file .xul separate. Functionalitatea este implementanta folosind actiunile utilizator in file .js, si folosind metodele DOM pentru a manipula widget-uri. Se pot folosi anumite reguli de stil in filele .css pentru a atasa imagini, schimba culori, etc.

Extensii Safari ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Construirea unei extensii ,[object Object],[object Object],[object Object],[object Object],Pasul 0 - Inregistrare

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pasul 1 – Extension Builder

Pasul 2 – Setarile extensiei

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pasul 3 – Crearea paginii globale

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pasul 4 – Adaugarea iconitei

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pasul 5 – Construirea pachetului

Extensii Internet Explorer ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Crearea unei extensii ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object]

Extensii Google Chrome ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Detalii privind UI-ul

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Fisiere

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Referinta

[object Object],[object Object],[object Object],[object Object],[object Object],Fisierul manifest

[object Object],[object Object],Arhitectura Pagina de Background Urmatoarea imagine afiseaza un browser care are cel putin doua extensii instalate: un browser action(iconita galbena) si un page action(iconita albastra). Ambele extensii au cate un background page definit de fisiere HTML. Aceasta imagine arata background page-ul browser-action-ului, care este definit de bacground.html si are cod JavaScript care controleaza comportamentul browser action-ului in ambele ferestre.

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pagini UI

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Comunicarea dintre pagini

Web Sticky Notes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],Bibliografie Mozilla Firefox Safari http://developer.apple.com/library/safari/#documentation/ http://net.tutsplus.com/tutorials/other/how-to-create-asafari-extension-from-scratch/

[object Object],[object Object],[object Object],Internet Explorer Google Chrome http:// code.google.com/chrome/extensions/overview.html

Web Browser Extension Development

Recomendados

Recomendados

Más contenido relacionado

Similar a Web Browser Extension Development

Similar a Web Browser Extension Development (20)

Web Browser Extension Development