1. HOW TO BUILD AN EXTENSION FOR FIREFOX/CHROME? VIDA – Henry Nguyen

2. How does it work? Run at background of ◦ Website (main window and all IFrames)  Can hook at:  Document Start  Document Ready  Document End  Get resources file: require('sdk/self').data.url ◦ Browser  When we give an our action and to do some thing  Ex: LightSpot (Take Screenshoot)

3. Build an extension for FireFox Using SDK builder: ◦ Download to local and use Command Line Download ◦ Required Python enviroment ◦ Ex command: “cfx test” or “cfx xpi” ◦ Deploy: “cfx run” or install from file.xpi Using web builder addon: ◦ Build online Build online ◦ Required addon-builder-helper :addon-builder-helper ◦ Deploy:

4. Build an extension for Chrome Understand structure of manifest.jsonmanifest.json ◦ Get resources file: chrome.extension.getURL Using browser build an addon:browser build an addon Using command line: chrome.exe --pack- extension=c:\myext --pack-extension- key=c:\myext.pem

5. DEMO Build FireFox’s Extension Build Google Chorme’s Extension

6. A&Q

7. Thanks