Web Browser Extension Development Acatrinei Tiberiu-Andrei Sumanaru Cristian An 3, Grupa 1A
<ul><li>O extensie este un mic programel, </li></ul><ul><li>o mica “arhiva” ce contine fisiere – HTML, CSS, </li></ul><ul>...
Exista diferente intre extensii si plugin-uri?
<ul><li>Un plugin poate adauga suport pentru media intr-un browser. O extensie poate aduga mai multe caracteristici browse...
<ul><li>Un plug-in este o fila binara – o aplicatie in sine, pe care browser-ul o foloseste pentru a reda un anumit contin...
Extensii Mozilla Firefox <ul><li>Modificarea interfetei </li></ul><ul><li>Unele extensii sunt folosite pentru a schimba in...
<ul><li>Adaugarea de noi trasaturi </li></ul><ul><li>Extensiile sunt in general folosite pentru a  </li></ul><ul><li>adaug...
<ul><li>Extensiile sunt ambalate si distribuite in fisiere ZIP sau Bundles, cu extensia XPI (pronunţat “zippy”). Cu alte c...
<ul><li>Un exemplu de continut intr-un fisier tipic XPI: </li></ul>
<ul><li>O instalare Manifest este o fila folosita </li></ul><ul><li>pentru a furniza informatii despre un addon  </li></ul...
<ul><li>Exmplu de un fisier .rdf: </li></ul>
<ul><li>Inainte de a vorbi despre fila Manifest Chrome, trebuie  </li></ul><ul><li>mentionat ce inseamna “Chrome” in conte...
<ul><li>Avem in vedere fila chrome.manifest. De exemplu, vom  </li></ul><ul><li>adauga o linie  ce ofera Firefox-ului info...
<ul><li>Intefrata utilizator din Firefox este scrisa in XUL si in  </li></ul><ul><li>JavaScript. XML aduce in special inte...
Extensii Safari <ul><li>Se pot creea extensii folosind  Extension </li></ul><ul><li>Builder , care este realizat in Safari...
<ul><li>Se poate realiza  DEBUG  pentru extensia  </li></ul><ul><li>respectiva folosind Safari’s Built-In Tools. Se pot  <...
<ul><li>Extensiile pot realiza  UPDATE   </li></ul><ul><li>automat pe Web. Safari ofera o  </li></ul><ul><li>modalitatea c...
Construirea unei extensii <ul><li>Primul lucru pe care este nevoit sa-l realizeze utilizatorul  </li></ul><ul><li>este de ...
<ul><li>Extension Builder reprezinta tool-ul principar  </li></ul><ul><li>pentru realizarea de extensii. </li></ul><ul><li...
 
<ul><li>Pentru a crea o extensie se da click pe inconita “+”  </li></ul><ul><li>din partea stanga-jos si se selecteaza “Ne...
Pasul 2 – Setarile extensiei
<ul><li>Multe setari sunt usor de inteles, precum Name,  </li></ul><ul><li>Author si Description. Se pot aduga extensii de...
<ul><li>Pentru a controla, de exmplu un buton, este </li></ul><ul><li>necesar un script, si pentru aceasta este necesar  <...
<ul><li>Pentru a finisa lucrurile, se poate aduga o iconita  </li></ul><ul><li>extensiei. Pentru a realiza acest lucru sun...
<ul><li>Extensia este aproape finalizata. Pentru a exporta  </li></ul><ul><li>se da click pe butonul “Build Package” si se...
Extensii Internet Explorer <ul><li>Extensiile pentru browser-ul Internet Explorer au  </li></ul><ul><li>fost intruduse inc...
Crearea unei extensii <ul><li>O modalitatea simpla de a realiza extensii  pentru  </li></ul><ul><li>Internet Explorer este...
<ul><li>Add-In Express este bazat in intregime pe Rapid  </li></ul><ul><li>Application Development si este folosit pentru ...
Extensii Google Chrome <ul><li>Multe extensii adauga elemente de UI browser-ului in  </li></ul><ul><li>forma unor browser ...
<ul><li>Fiecare extensie contine urmatoarele fisiere: </li></ul><ul><li>un fisier manifest  </li></ul><ul><li>unul sau mai...
<ul><li>De obicei, referirea la fisiere se face folosind un URL relativ, precum se  </li></ul><ul><li>face si intr-o pagin...
<ul><li>Fisierul manifest, numit manifest.json da informatii  </li></ul><ul><li>despre estensie, precum fisierele cele mai...
<ul><li>Multe extensii au o pagina de background, o pagina  </li></ul><ul><li>invizibila care tine logica principala a ext...
<ul><li>Extensiile pot contine pagini HTML care afiseaza UI-ul  </li></ul><ul><li>extensiei. De exemplu, un browser action...
<ul><li>Deoarece toate paginile extensiilor se executa  </li></ul><ul><li>intr-un singur proces si un singur thread, pagin...
Web Sticky Notes <ul><li>Web Sticky Notes este o extensie originala  pentru  </li></ul><ul><li>Google Chrome, care le perm...
 
<ul><li>http://yo9fah.net/extensii-firefox/ http://en.wikipedia.org/wiki/Add-on_%28Mozilla%29 http://metodepromovare.wordp...
<ul><li>http://msdn.microsoft.com/enus/library/aa753587%28v=vs.85%29.aspx </li></ul><ul><li>http://msdn.microsoft.com/enus...
Upcoming SlideShare
Loading in...5
×

Web Browser Extension Development

1,019

Published on

Web Browser Extension Development

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,019
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web Browser Extension Development"

  1. 1. Web Browser Extension Development Acatrinei Tiberiu-Andrei Sumanaru Cristian An 3, Grupa 1A
  2. 2. <ul><li>O extensie este un mic programel, </li></ul><ul><li>o mica “arhiva” ce contine fisiere – HTML, CSS, </li></ul><ul><li>JavaScript, imagini care adauga noi functionalitati </li></ul><ul><li>browser-ului. </li></ul><ul><li>Extensiile pot adauga noi motoare de cautare, </li></ul><ul><li>dictionare in limbi straine, toolbar-uri sau pot </li></ul><ul><li>modifica infatisarea browser-ului </li></ul>Ce este o extensie?
  3. 3. Exista diferente intre extensii si plugin-uri?
  4. 4. <ul><li>Un plugin poate adauga suport pentru media intr-un browser. O extensie poate aduga mai multe caracteristici browser-ului. </li></ul><ul><li>Atat extensiile cat si plug-in-urile maresc capacitatile browser-ului. Plugin-urile ajuta browser-ul sa afiseze continut media pe care acesta nu le arata in mod nativ. Extensiile personalieaza browser-ul in sine si pot interactiona cu un anumit continut HTML. </li></ul>Diferente intre extensii si plugin-uri
  5. 5. <ul><li>Un plug-in este o fila binara – o aplicatie in sine, pe care browser-ul o foloseste pentru a reda un anumit continut media. </li></ul><ul><li>O extensie este o colectie de file HTML, JavaScript si CSS pe care browser-ul le foloseste pentru a-si extinde setul sau de caracteristici. </li></ul>
  6. 6. Extensii Mozilla Firefox <ul><li>Modificarea interfetei </li></ul><ul><li>Unele extensii sunt folosite pentru a schimba interfata </li></ul><ul><li>aplicatiei. De remarcat faptul ca acestea nu trebuie </li></ul><ul><li>confundate cu “personas”, care reprezinta o caracteristica </li></ul><ul><li>de management – tema. </li></ul>Clasificarea extensiilor
  7. 7. <ul><li>Adaugarea de noi trasaturi </li></ul><ul><li>Extensiile sunt in general folosite pentru a </li></ul><ul><li>adauga noi functii aplicatiei. Exemple de noi functii </li></ul><ul><li>sunt cititoarele RSS, organizatoare de bookmark, </li></ul><ul><li>toolbar-uri, programe website specifice client, FTP, </li></ul><ul><li>e-mail, instrumente pentru dezvoltatori. </li></ul><ul><li>Modificarea modului in care userul vede o pagina web </li></ul><ul><li>Multe extensii pot schimba modul in care </li></ul><ul><li>continul unei pagini web este interpretata. De </li></ul><ul><li>exmplu, extensia Adblock poate impiedica browser-ul de a </li></ul><ul><li>incarca anumite imagini care defapt sunt reclame. </li></ul>
  8. 8. <ul><li>Extensiile sunt ambalate si distribuite in fisiere ZIP sau Bundles, cu extensia XPI (pronunţat “zippy”). Cu alte cuvinte, o extensie de Firefox este o colectie de fisiere si foldere care au fost comprimate intr-un fisier cu extensia XPI. Acesta nu este nimic mai mult decat un fişier Zip care a fost redenumit. </li></ul>Construirea unei extensii Configurarea mediuluiu de dezolvtare
  9. 9. <ul><li>Un exemplu de continut intr-un fisier tipic XPI: </li></ul>
  10. 10. <ul><li>O instalare Manifest este o fila folosita </li></ul><ul><li>pentru a furniza informatii despre un addon </li></ul><ul><li>Firefox (extensie, plugin, componenta), in </li></ul><ul><li>timp ce este instalat. Fisierul contine </li></ul><ul><li>metadate ce identifică addon-ul, furnizarea </li></ul><ul><li>de informatii despre cine a creat-o, ce </li></ul><ul><li>aplicatii şi versiuni sunt compatibile precum </li></ul><ul><li>si alte informatii. </li></ul><ul><li>Pentru a crea instalarea Manifest, se poate </li></ul><ul><li>folosi un fisier .rdf. </li></ul>Instalarea manifest
  11. 11. <ul><li>Exmplu de un fisier .rdf: </li></ul>
  12. 12. <ul><li>Inainte de a vorbi despre fila Manifest Chrome, trebuie </li></ul><ul><li>mentionat ce inseamna “Chrome” in contextul Mozilla </li></ul><ul><li>Firefox. Chrome este termenul folosit pentru a desemna </li></ul><ul><li>Pachete de Interfata (Interface Packages) create pentru </li></ul><ul><li>Firefox. Browser-ul Firefox contine o componenta numita </li></ul><ul><li>Managerul de Chrome, care se ocupa de instalarea </li></ul><ul><li>diverselor parti de Firefox. Toate aplicatiile , de la </li></ul><ul><li>browser-ul global la extensii se inregistreaza cu acest </li></ul><ul><li>manager. Chrome foloseste URI-uri. Pentru a nu exista confuzii, </li></ul><ul><li>prefixul “chrome” este folosit in loc de “http”. De exmplu un </li></ul><ul><li>pachet numit “browser” are ca referinta“chrome://browser”. </li></ul>Chrome
  13. 13. <ul><li>Avem in vedere fila chrome.manifest. De exemplu, vom </li></ul><ul><li>adauga o linie ce ofera Firefox-ului informatia de a gasi si </li></ul><ul><li>a executa extensia: content sample chrome/chromeFiles/content/ </li></ul><ul><li>Aceasta linie spune ca pentru pachetul chrome numit </li></ul><ul><li>“ sample”, Firefox poate gasi continutul respectiv in locatia </li></ul><ul><li>chrome/chromeFiles/content ce reprezinta o cale relativa </li></ul><ul><li>pentru locatia chrome.manifest. Este recomandat un nume unic in loc de “sample” in </li></ul><ul><li>cazul in care utilizatorul doreste realizarea unei noi </li></ul><ul><li>extensii. </li></ul>Chrome Manifest
  14. 14. <ul><li>Intefrata utilizator din Firefox este scrisa in XUL si in </li></ul><ul><li>JavaScript. XML aduce in special interfetei grafice widget- </li></ul><ul><li>uri, butoane, meniuri, toolbar-uri. Actiunile userului detin </li></ul><ul><li>functionalitate cu ajutorul la JavaScrip </li></ul>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.
  15. 15. Extensii Safari <ul><li>Se pot creea extensii folosind Extension </li></ul><ul><li>Builder , care este realizat in Safari 5.0 si in versinule </li></ul><ul><li>urmatoare. </li></ul><ul><li>Se pot defini anumite setari utilizator in Extension </li></ul><ul><li>Builder. Astfel, extensia respectiva va avea propriile ei </li></ul><ul><li>setari. Se pot defini setarile, itemii interfetei utilizatori </li></ul><ul><li>precum si valorile default in Extension Builder. </li></ul>
  16. 16. <ul><li>Se poate realiza DEBUG pentru extensia </li></ul><ul><li>respectiva folosind Safari’s Built-In Tools. Se pot </li></ul><ul><li>utiliza astfel instrumentele de dezoltare Safari </li></ul><ul><li>pentru a raporta erorile HTML si JavaScript, </li></ul><ul><li>afisarea mesajelor la consola. Ofera de asemeni </li></ul><ul><li>interactivitate utilizatorului, acesta avand </li></ul><ul><li>posibilitatea sa obtina valori de variabile, sa </li></ul><ul><li>apeleze functii,  sa foloseasca break-point-uri. </li></ul><ul><li>Fiecare bara de extensie si pagina globala detin </li></ul><ul><li>consola lor proprie. </li></ul>
  17. 17. <ul><li>Extensiile pot realiza UPDATE </li></ul><ul><li>automat pe Web. Safari ofera o </li></ul><ul><li>modalitatea ce suporta verificarea </li></ul><ul><li>de update-uri pentru extensia </li></ul><ul><li>respectiva in mod automat: Update Manifest. Pur </li></ul><ul><li>si simplu se specifica o adresa web, si Safari </li></ul><ul><li>compara periodic varianta instalata a extensiei cu </li></ul><ul><li>ultima varianta de pe website-ul respectiv. Daca </li></ul><ul><li>pagina web detine o varianta mai noua, atunci </li></ul><ul><li>Safari ofera useru-ului un update. </li></ul>
  18. 18. Construirea unei extensii <ul><li>Primul lucru pe care este nevoit sa-l realizeze utilizatorul </li></ul><ul><li>este de a se inregestra ca un Safari Developer pe </li></ul><ul><li>apple.com. Aceasta il va ajuta sa isi realizrz un certificat </li></ul><ul><li>care este necesar pentru a folosi Extension Builder. </li></ul>Pasul 0 - Inregistrare
  19. 19. <ul><li>Extension Builder reprezinta tool-ul principar </li></ul><ul><li>pentru realizarea de extensii. </li></ul><ul><li>Extension Builder este realizat dintr-o bara </li></ul><ul><li>plasata in partea din stanga ce afiseaza extensiile </li></ul><ul><li>la care se lucreaza, precum si un panel in partea </li></ul><ul><li>dreapta ce ajuta la inspectarea extensiei, pentru a- </li></ul><ul><li>i edita proprietatile si setarile, pentru a o instala </li></ul><ul><li>etc. </li></ul>Pasul 1 – Extension Builder
  20. 21. <ul><li>Pentru a crea o extensie se da click pe inconita “+” </li></ul><ul><li>din partea stanga-jos si se selecteaza “New </li></ul><ul><li>extension”. Se alege un nume extensiei si se </li></ul><ul><li>salveaza. Astfel se va crea cu folder cu numele </li></ul><ul><li>.”safariextension”. </li></ul><ul><li>Acest folder contine toate filele si resursele </li></ul><ul><li>necesare extensiei respective. Aici vom introduce </li></ul><ul><li>script-uri HTML, CSS, imagini pentru a finaliza </li></ul><ul><li>extensia. Default, folder-ul va contine o fila numita </li></ul><ul><li>“ Info.plist” unde sunt stocate informatii despre </li></ul><ul><li>extensie, in format XML </li></ul>
  21. 22. Pasul 2 – Setarile extensiei
  22. 23. <ul><li>Multe setari sunt usor de inteles, precum Name, </li></ul><ul><li>Author si Description. Se pot aduga extensii de </li></ul><ul><li>bare (“Bars”), iteme de meniu context precum si </li></ul><ul><li>butoane toolbar. </li></ul><ul><li>Label – reprezinta numele butonul. </li></ul><ul><li>Image – reprezinta iconita butonului. Este recomandat ca aceasta sa fie 16×16 pixels. </li></ul><ul><li>Identifier – poate fi folosit pentru a identifica butonul dintr-un script. </li></ul><ul><li>Command – este numele comenzii ce va fi trimisa in momentul in care se apasa butonul. </li></ul>
  23. 24. <ul><li>Pentru a controla, de exmplu un buton, este </li></ul><ul><li>necesar un script, si pentru aceasta este necesar </li></ul><ul><li>o fila HTML pentru a incarca script-ul. Acea fila </li></ul><ul><li>reprezinta pagina globala HTML. </li></ul><ul><li>Pagina globala este un loc unde se pun scripturi, </li></ul><ul><li>date si resurse care nu necesita o interfata user. </li></ul><ul><li>Este o pagina HTML simpla care nu este afisata. </li></ul><ul><li>Pagina globala este incarcata o data pe o sesiune </li></ul><ul><li>Safari. </li></ul>Pasul 3 – Crearea paginii globale
  24. 25. <ul><li>Pentru a finisa lucrurile, se poate aduga o iconita </li></ul><ul><li>extensiei. Pentru a realiza acest lucru sunt </li></ul><ul><li>necesare trei imagini in format .png in folderul </li></ul><ul><li>extensiei: Icon-32.png, Icon-48.png, Icon-64.png. </li></ul><ul><li>Fiecare fila trebuie sa detina size-ul </li></ul><ul><li>corespunzator. De exmplu Icon-32.png trebuie sa </li></ul><ul><li>aiba dimensiunea 32×32 pixels. </li></ul>Pasul 4 – Adaugarea iconitei
  25. 26. <ul><li>Extensia este aproape finalizata. Pentru a exporta </li></ul><ul><li>se da click pe butonul “Build Package” si se </li></ul><ul><li>salveaza. Extensia poate fi instalata in momentul </li></ul><ul><li>in care aceasta este deschisa dau daca este </li></ul><ul><li>“ trasa” in browser. In acest moment fila poate fi </li></ul><ul><li>trimisa, publicata pe internet sau se poate incerca </li></ul><ul><li>trimiterea la galeria Apple’s Safari. </li></ul>Pasul 5 – Construirea pachetului
  26. 27. Extensii Internet Explorer <ul><li>Extensiile pentru browser-ul Internet Explorer au </li></ul><ul><li>fost intruduse incepand cu versiunea 5.0, si le-a </li></ul><ul><li>permis dezvoltatorilor sa aduca functionalitatea </li></ul><ul><li>browser-ului precum si de a spori interfata cu </li></ul><ul><li>utilizatorul intr-un mod care nu este direct legat de </li></ul><ul><li>coninutul vizual al paginii web. </li></ul>
  27. 28. Crearea unei extensii <ul><li>O modalitatea simpla de a realiza extensii pentru </li></ul><ul><li>Internet Explorer este de a folosi “Add-in </li></ul><ul><li>Express™ for Internet Explorer® and Microsoft® </li></ul><ul><li>.net”. </li></ul><ul><li>Add-In Express pentru Internet Explorer este singurul </li></ul><ul><li>program all-in-one care ofera o modalitate simpla si rapida </li></ul><ul><li>de a personaliza Internet Explorer cu extensii proprii. </li></ul><ul><li>Suporta Internet Explorer Extensibility API si ofera o serie </li></ul><ul><li>coerenta de componente .net si tool-uri. De mentionat este </li></ul><ul><li>faptul ca suporta varintele Internet Explorer 6,7,8 si 9. </li></ul>
  28. 29. <ul><li>Add-In Express este bazat in intregime pe Rapid </li></ul><ul><li>Application Development si este folosit pentru a </li></ul><ul><li>dezvolta extensii profesionale pentru Internet </li></ul><ul><li>Explorer, cu doar cateva click-uri. </li></ul>
  29. 30. Extensii Google Chrome <ul><li>Multe extensii adauga elemente de UI browser-ului in </li></ul><ul><li>forma unor browser actions sau page actions. </li></ul><ul><li>De asemeni, extensiile pot prezenta un UI in alte moduri, </li></ul><ul><li>precum adaugarea elementelor in meniul de context, o </li></ul><ul><li>pagina de optiuni, sau folosirea unui content script care </li></ul><ul><li>schimba modul de afisare a paginilor. </li></ul>Detalii privind UI-ul
  30. 31. <ul><li>Fiecare extensie contine urmatoarele fisiere: </li></ul><ul><li>un fisier manifest </li></ul><ul><li>unul sau mai multe fisiere HTML </li></ul><ul><li>optional: unul sau mai multe fisiere javascript </li></ul><ul><li>optional: orice alte fisiere necesare extensiei – ex: </li></ul><ul><li>imagini. </li></ul><ul><li>In timpul dezvoltarii extensiei, toate aceste </li></ul><ul><li>fisiere vor fi intr-un folder. In timpul distribuirii </li></ul><ul><li>extensiei, continutul folderului va fi impachetat intr- </li></ul><ul><li>un fisier ZIP cu extensia crx, care poate fi instalat de </li></ul><ul><li>utilizatorii ce folosesc Chrome. </li></ul>Fisiere
  31. 32. <ul><li>De obicei, referirea la fisiere se face folosind un URL relativ, precum se </li></ul><ul><li>face si intr-o pagina HTML normala. Ex: </li></ul><ul><li>In unele cazuri, e necesar un URL absolut, care se face in felul urmator: </li></ul><ul><li>chrome-extension:// <extensionID> / <pathToFile> </li></ul><ul><li>In acest URL, <extensionID> e un identificator unic pe care sistemul </li></ul><ul><li>de extensii il genereaza pentru fiecare extensie. </li></ul><ul><li>Dupa impachetare, extensia primeste un ID permanent, care </li></ul><ul><li>ramane acelasi si dupa update-uri ale extensiei. Odata ce ID-ul este </li></ul><ul><li>permanent, se pot inlocui toate aparitiile @@extension_id cu adevaratul ID </li></ul>Referinta
  32. 33. <ul><li>Fisierul manifest, numit manifest.json da informatii </li></ul><ul><li>despre estensie, precum fisierele cele mai importante si </li></ul><ul><li>capabilitatile pe care le-ar putea folosi extensia. </li></ul><ul><li>Exemplu de fisier manifest care foloseste informatii de </li></ul><ul><li>pe google.com: </li></ul>Fisierul manifest
  33. 34. <ul><li>Multe extensii au o pagina de background, o pagina </li></ul><ul><li>invizibila care tine logica principala a extensiei. </li></ul>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.
  34. 35. <ul><li>Extensiile pot contine pagini HTML care afiseaza UI-ul </li></ul><ul><li>extensiei. De exemplu, un browser action poate avea un </li></ul><ul><li>popup, care este implementat de un fisier HTML. Orice </li></ul><ul><li>extensie poate avea o pagina de optiuni, care le permite </li></ul><ul><li>utilizatorilor sa configure modul in care functioneaza </li></ul><ul><li>extensia. Alt tip de pagina speciala este o pagina override. </li></ul><ul><li>Pentru a afisa alte fisiere HTML din extensie, se poate </li></ul><ul><li>folosi chrome.tabs.create() sau window.open() . </li></ul><ul><li>Paginile HTML dintr-o extensie au acces deplin la DOM- </li></ul><ul><li>ul celorlalte, si pot invoca functii pe acestea. </li></ul>Pagini UI
  35. 36. <ul><li>Deoarece toate paginile extensiilor se executa </li></ul><ul><li>intr-un singur proces si un singur thread, paginile </li></ul><ul><li>pot face apeluri directe de functii intre ele. </li></ul><ul><li>Pentru a gasi pagini in extensie, se folosesc </li></ul><ul><li>metode chrome.extension precum getViews() si </li></ul><ul><li>getBackgroudnPage(). Odata ce o pagina are o </li></ul><ul><li>referinta la alte pagini dintr-o extensie, prima </li></ul><ul><li>pagina poate invoca functii din celelalte pagini, si </li></ul><ul><li>le poate manipula DOM-ul. </li></ul>Comunicarea dintre pagini
  36. 37. Web Sticky Notes <ul><li>Web Sticky Notes este o extensie originala pentru </li></ul><ul><li>Google Chrome, care le permite utilizatorilor sa-si creeze </li></ul><ul><li>notite pe care sa le puna oriunde doresc acestia pe o </li></ul><ul><li>pagina web. </li></ul><ul><li>Notitele introduse de utilizator raman doar pe pagina in </li></ul><ul><li>care acesta le-a adaugat, notitele persistand chiar daca s-a </li></ul><ul><li>parasit pagina sau s-a inchis browser-ul. Acestea reapar in </li></ul><ul><li>momentul in care utilizatorul reviziteaza pagina unde le-a </li></ul><ul><li>introdus. </li></ul>
  37. 39. <ul><li>http://yo9fah.net/extensii-firefox/ http://en.wikipedia.org/wiki/Add-on_%28Mozilla%29 http://metodepromovare.wordpress.com/2008/02/06/optimizare-pentru-firefox-plugins-firefox/ https:// developer.mozilla.org /en/Extensions http:// www.rietta.com/firefox/Tutorial/conf.html </li></ul>Bibliografie Mozilla Firefox Safari http://developer.apple.com/library/safari/#documentation/ http://net.tutsplus.com/tutorials/other/how-to-create-asafari-extension-from-scratch/
  38. 40. <ul><li>http://msdn.microsoft.com/enus/library/aa753587%28v=vs.85%29.aspx </li></ul><ul><li>http://msdn.microsoft.com/enus/library/aa753588%28v=VS.85%29.aspx </li></ul><ul><li>http://www.add-in-express.com/programming-internetexplorer/index.php </li></ul>Internet Explorer Google Chrome http:// code.google.com/chrome/extensions/overview.html
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×