Web browser extensions development

283 views
253 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
283
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web browser extensions development

  1. 1. Web browser extensions development De Constantin Lucian Andrei
  2. 2. Web browser extensions <ul><ul><li>O extensie de web browser este un program care extinde functionalitatea acestuia intr-un anumit fel. In functie de browser-ul pe care il extinde, extensia poate fi diferita fata de termeni similari cum ar fi plug-in sau add-on. </li></ul></ul>
  3. 3. Web browser extensions <ul><li>Sintaxa extensiilor poate diferi chiar foarte mult de la un browser la celalalt, sau cel putin suficient de mult incat o extensie care va merge pentru un browser nu va merge pentru un alt browser. </li></ul>
  4. 4. Google chrome <ul><li>Structura unei extensii Google Chrome este destul de simpla si la indemana oricui stie putin de JavaScript si HTML. </li></ul>
  5. 5. Google chrome <ul><li>O particularitate a extensiilor Google Chrome este fisierul manifest.json. </li></ul><ul><li>  JSON este un format text care este complet independent de limba, dar foloseste conventii ce sunt familiare programatorilor in limbajul C, inclusiv C, C++, C#, Java, JavaScript, Perl, Python si multe altele. Aceste proprietati fac din JSON un limbaj ideal pentru schimbul de date. </li></ul>
  6. 6. Mozilla Firefox <ul><li>Extensiile Firefox sunt pachete distribuite in fisiere .ZIP , care au extensia XPI (pronuntat “zippy”). </li></ul>
  7. 7. Mozilla Firefox <ul><li>Interfata Firefox este creata in XUL si JavaScript.  XUL este o gramatica XML ce ofera elemente de interfata precum butoane, meniuri, toolbar-uri, arbori, etc.  </li></ul><ul><li>Functionalitatea este extensiilor este asigurata de catre JavaScript. </li></ul>
  8. 8. Internet Explorer <ul><li>Extensiile pentru Microsoft Internet Explorer au fost introduse de la versiunea 4.0 a acestuia. Ele permit developer-ilor sa creeze bare noi de explorare si sa adauge intrari in meniurile standard ale Internet Explorer-ului. </li></ul>
  9. 9. Internet Explorer <ul><li>Pentru a creea o noua Bara de Explorare, trebuie inregistrat si implementat un obiect de tip  band. Obiectele  band  au fost introduse in versiunea 4.71 si ofera functionalitati similare ferestrelor normale. Cu toate acestea, deoarece obiecte COM(Component Object Model) si sunt continute de Internet Explorer, acestea sunt implementate diferit. </li></ul>
  10. 10. Internet Explorer <ul><li>Exemplu de structura a unei extensii internet explorer </li></ul>
  11. 11. Safari <ul><li>Asemanator cu Google Chrome, extensiile Safari sunt create folosind HTML, JavaScript si CSS. Safari pune la dispozitie un set de metode care pot fi folosite de catre JavaScript, permitand extensies sa realizeze functionalitati pe care script-urile obisnuite nu le pot realiza. </li></ul>
  12. 12. Safari <ul><li>Componenta unei extensii Safari: </li></ul><ul><li>-Pagina globala HTML: </li></ul><ul><li>-Fisiere de continut: </li></ul><ul><li>-Scripturi injectate: -Style sheet-uri injectate: -Icoana: -Alte imagini si media </li></ul>
  13. 13. Safari <ul><li>Extensiile Safari sunt construite folosind Extension Builder, care este inclus in Safari incepand cu versiunea 5.0. </li></ul>
  14. 14. Webografie: <ul><li>http://code.google.com/extensions </li></ul><ul><li>http :// msdn.microsoft.com / en-us / library /aa753587(v=vs.85). aspx </li></ul><ul><li>http :// developer.apple.com / library /safari/# documentation / Tools /Conceptual/ SafariExtensionGuide </li></ul><ul><li>https :// developer.mozilla.org / en / Extensions </li></ul><ul><li>http :// en.wikipedia.org / wiki / Browser _ extension </li></ul>

×