Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Chrome extensions

1,403 views

Published on

a small introduction into chrome extensions and it basic functionality

Published in: Technology
  • Be the first to comment

Chrome extensions

  1. 1. Chrome Extensions Ahmad Tahhan
  2. 2. Who are you to stand in front of us ?
  3. 3. Do you have a problem with your dad? Flight Status
  4. 4. What is Chrome anyway? Extensions
  5. 5. What i can do with extensions ?● Change browser behaviour● Easy to install from the gallery● Auto-updates● Trivial publishing and updating● Many others ...
  6. 6. It is a mathExtension = webpage + UI modification + chrome API + packaging
  7. 7. Give me an example● Currency Converter● Google Mail Checker● Page Monitor● Dictionary Lookup● Inline Search & Lookup
  8. 8. So what i need to start ?● JSON : json.org● HTML● CSS● Javascript● text editor● no special tool nor special software
  9. 9. Meet your new friends● chrome.google.com/webstore● developer.chrome.com/extensions● And your best friend is : chrome: //chrome/extensions/● developer tools● task manager
  10. 10. A familiar page with unfamiliar face Developer mode● Load unpacked extension...● Pack extension...● Update extensions now
  11. 11. before we go any farther what exactly i can do ?● Browser UI : ○ Browser Action & Badge ○ Page Action ○ Content Scripts ○ Override Pages eHistory ○ Themes● Chrome API ○ Controlling browser/page actions and badges ○ Internationalization ○ Manipulating windows and tabs ○ Intra-extension Communication ○ Manipulating Bookmarks
  12. 12. Interesting stuff● Webkit API / HTML5 Support : ○ localStorage ○ Web SQL Database ○ <audio> and <video> ○ CSS Animation ○ Web fonts ○ Desktop notifications ○ <canvas>
  13. 13. Manifest File what is that ?
  14. 14. Event Pages also that ?
  15. 15. Options Page what else? localStorageWeb SQL Database
  16. 16. Show me how whereami eHistory Page Monitor Dictionary LookupInline Search & Lookup
  17. 17. What Next ?do it yourself and show the world
  18. 18. Advice Google : RTFMand do what it says :)
  19. 19. contact me Facebook : tahhan Twitter : tahhan Website : tahhan.meEmail : ahmadt89@gmail.com

×