15-437 Browser Apps

Transcript

1. Browser Add-ons
   (aka extensions) Thierry Sans
2. Are you using browser’s add-ons?
3. The limit of Javascript inside a webpage • No cross-domain scripts (same origin policy) • No access to iframe • No access to other tabs • No access to specific features of the browser • No access to the file system (except user file uploads) • No interaction with the rest of the OS
4. Browser’s Add-ons • Have a javascript code that will work anytime on every page • Control all the open tabs • Modify the browser appearance and behavior • Communicate with the operating system
5. Building a Chrome extension Tutorial from: http://developer.chrome.com/extensions/getstarted.html
6. The Manifest { "manifest_version": 2, "name": "One-click Kittens", "description": "This extension demonstrates a browser action with kittens.", "version": "1.0", "permissions": [ "https://secure.flickr.com/" ], "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" } } what the app can do chrome/manifest.json app icon page displayed when clicked source from http://developer.chrome.com/extensions/examples/tutorials/getstarted/manifest.json
7. Loading your Chrome API
8. What can you do with an extension ➡ Chrome API
 http://developer.chrome.com/extensions/api_index.html
 ➡ Samples
 https://developer.chrome.com/extensions/samples
9. Publishing your app on the Chrome Web Store
10. Building a Firefox extension Tutorial from: https://developer.mozilla.org/en/docs/Building_an_Extension