Browser Extensions

902 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Browser Extensions

  1. 1. Extensii browser
  2. 2. Extensii browser
  3. 3. Extensii Firefox <ul><li>AdBlock Plus </li></ul><ul><li>Firebug </li></ul><ul><li>Delicious </li></ul><ul><li>Video DownloadHelper </li></ul><ul><li>GreaseMonkey </li></ul><ul><li>FasterFox </li></ul>
  4. 4. Extensii Firefox <ul><li>Constructie XPI </li></ul>Install.rdf Chrome.manifest .css .png .xul .js XPI
  5. 5. Extensii Firefox <ul><li>XUL </li></ul><ul><li>fereastra </li></ul><ul><li><?xml version=&quot;1.0&quot;?> </li></ul><ul><li><?xml-stylesheet href=&quot;chrome://global/skin/&quot; type=&quot;text/css&quot;?> </li></ul><ul><li><window </li></ul><ul><li>id=&quot;findfile-window&quot; </li></ul><ul><li>title=&quot;Find Files&quot; </li></ul><ul><li>orient=&quot;horizontal&quot; </li></ul><ul><li>xmlns=&quot;http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul&quot;> </li></ul><ul><li><!-- Other elements go here --> </li></ul><ul><li></window> </li></ul>
  6. 6. Extensii Firefox <ul><li>XUL </li></ul><ul><li>buton </li></ul><ul><li><button </li></ul><ul><li>id=&quot;identifier&quot; </li></ul><ul><li>class=&quot;dialog&quot; </li></ul><ul><li>label=&quot;OK&quot; </li></ul><ul><li>image=&quot;images/image.jpg&quot; </li></ul><ul><li>disabled=&quot;true&quot; </li></ul><ul><li>accesskey=&quot;t&quot;/> </li></ul>
  7. 7. Extensii Firefox <ul><li>XUL </li></ul><ul><li>label </li></ul><ul><li><label value=&quot;This is some text&quot;/> </li></ul><ul><li><label>This is some longer text that will wrap onto several lines.</label> </li></ul><ul><li>camp input </li></ul><ul><li><label control=&quot;some-text&quot; value=&quot;Enter some text&quot;/> </li></ul><ul><li><textbox id=&quot;some-text&quot;/> </li></ul><ul><li><label control=&quot;some-password&quot; value=&quot;Enter a password&quot;/> </li></ul><ul><li><textbox id=&quot;some-password&quot; type=&quot;password&quot; maxlength=&quot;8&quot;/> </li></ul>
  8. 8. Extensii Firefox <ul><li>XUL </li></ul><ul><li>controale numerice </li></ul><ul><li><textbox type=&quot;number&quot; min=&quot;1&quot; max=&quot;20&quot;/> </li></ul><ul><li><scale value=&quot;40&quot; min=&quot;1&quot; max=&quot;50&quot; orient=&quot;vertical&quot; dir=&quot;reverse&quot;/> </li></ul><ul><li>controale liste </li></ul><ul><li><listbox> </li></ul><ul><li><listitem label=&quot;Butter Pecan&quot;/> </li></ul><ul><li><listitem label=&quot;Chocolate Chip&quot;/> </li></ul><ul><li><listitem label=&quot;Raspberry Ripple&quot;/> </li></ul><ul><li><listitem label=&quot;Squash Swirl&quot;/> </li></ul><ul><li></listbox> </li></ul>
  9. 9. Extensii Firefox <ul><li>XUL </li></ul><ul><li>Adaugare elemente HTML </li></ul><ul><li><?xml version=&quot;1.0&quot;?> </li></ul><ul><li><?xml-stylesheet href=&quot;chrome://global/skin/&quot; type=&quot;text/css&quot;?> </li></ul><ul><li><window </li></ul><ul><li>id=&quot;findfile-window&quot; </li></ul><ul><li>title=&quot;Find Files&quot; </li></ul><ul><li>orient=&quot;horizontal&quot; </li></ul><ul><li>xmlns:html=&quot;http://www.w3.org/1999/xhtml&quot; </li></ul><ul><li>xmlns=&quot;http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul&quot;> </li></ul>
  10. 10. Extensii Firefox <ul><li>XUL </li></ul><ul><li>Adaugare elemente HTML – utilizare elemente HTML </li></ul><ul><li><html:img src=&quot;banner.jpg&quot;/> </li></ul><ul><li><html:input type=&quot;checkbox&quot; value=&quot;true&quot;/> </li></ul><ul><li><html:table> </li></ul><ul><li><html:tr> </li></ul><ul><li><html:td> </li></ul><ul><li>A simple table </li></ul><ul><li></html:td> </li></ul><ul><li></html:tr> </li></ul><ul><li></html:table> </li></ul>
  11. 11. Extensii Firefox <ul><li>XUL </li></ul><ul><li>Adaugare elemente HTML – utilizare elemente HTML </li></ul><ul><li><html:div> </li></ul><ul><li>Would you like to save the following documents? </li></ul><ul><li><html:hr/> </li></ul><ul><li></html:div> </li></ul><ul><li>Expense Report 1 </li></ul><ul><li>What I Did Last Summer </li></ul><ul><li><button id=&quot;yes&quot; label=&quot;Yes&quot;/> </li></ul><ul><li><button id=&quot;no&quot; label=&quot;No&quot;/> </li></ul>
  12. 12. Extensii Chrome <ul><ul><ul><li>Gmail Checker </li></ul></ul></ul><ul><ul><ul><li>PageRank </li></ul></ul></ul><ul><ul><ul><li>Chrome Gestures </li></ul></ul></ul><ul><ul><ul><li>Google Talk </li></ul></ul></ul><ul><ul><ul><li>GBX: Google Bookmarks Extension </li></ul></ul></ul><ul><ul><ul><li>FastestChrome </li></ul></ul></ul>
  13. 13. Extensii Chrome <ul><ul><ul><li>https://chrome.google.com/extensions/detail </li></ul></ul></ul>
  14. 14. <ul><ul><ul><li>https://chrome.google.com/extensions/detail </li></ul></ul></ul>Extensii Chrome
  15. 15. Extensii Chrome <ul><ul><ul><li>https://chrome.google.com/extensions/detail </li></ul></ul></ul>
  16. 16. <ul><ul><ul><li>https://chrome.google.com/extensions/detail </li></ul></ul></ul>Extensii Chrome
  17. 17. <ul><ul><ul><li>https://chrome.google.com/extensions/detail </li></ul></ul></ul>Extensii Chrome
  18. 18. Extensii Chrome <ul><li>Constructie CRX </li></ul>CRX manifest.json .css .png .html .js
  19. 19. Extensii Chrome <ul><li>Structura folderelor </li></ul><ul><li>/ </li></ul><ul><ul><li>manifest.json </li></ul></ul><ul><ul><li>cssreloader.js </li></ul></ul><ul><ul><li>_locales/ </li></ul></ul><ul><ul><ul><li>en </li></ul></ul></ul><ul><ul><ul><li>fr </li></ul></ul></ul><ul><ul><ul><li>de </li></ul></ul></ul>messages
  20. 20. Extensii Chrome <ul><li>Manifest.json </li></ul><ul><li>{   &quot;name&quot;: “Css Reloader&quot;,   &quot;version&quot;: &quot;1.0&quot;,   &quot;description&quot;: “Css Reloader&quot;,   &quot;content_scripts&quot;: [     {       &quot;matches&quot;: [&quot;http://*/*&quot;, &quot;https://*/*&quot;],       &quot;css&quot;: [“cssreloader.css&quot;]   &quot;js&quot; : [&quot;cssreloader.js&quot;] </li></ul><ul><li>    }   ] } </li></ul>
  21. 21. <ul><li>Popularitate browsere 2008 </li></ul><ul><li>Sursa: http://www.w3schools.com </li></ul>Statistici browser
  22. 22. <ul><li>Popularitate browsere 2009 </li></ul><ul><li>Sursa: http://www.w3schools.com </li></ul>Statistici browser
  23. 23. Statistici browser <ul><li>Popularitate browsere 2010 </li></ul><ul><li>Sursa: http://www.w3schools.com </li></ul>
  24. 24. Statistici browser <ul><li>Dupa cum se poate observa, cele mai populare browsere ale ultimilor ani si in prezent sunt Internet Explorer si Mozilla Firefox. Insa, spre deosebire de celelalte browsere, Internet Explorer a suferit o scadere puternica a popularitatii. In 2008 Firefox, Chrome, Safari si Opera au devenit mai populare, Google Chrome pastrand aceasta tendinta pana in 2010. Safari si Opera au ramas aproximativ pe aceeasi linie ca in 2008. </li></ul>
  25. 25. Bibliografie <ul><li>https://developer.mozilla.org/en/XUL_Reference </li></ul><ul><li>https://developer.mozilla.org/en/xul_tutorial </li></ul><ul><li>http://www.w3schools.com </li></ul><ul><li>https://chrome.google.com/extensions/detail </li></ul>

×