Browser Extensions
WHAT
One size fits All
WHY?
bcoz JAVASCRIPT
What can an extension do?
- Add script to a webpage page
- Create browser notifications
- Run background process
- Intercept/Modify web requests
- Create alarm
- Storage
- ++++++++
Anything you want!!!
HOW?
Structure of an extension
Manifest.json
Content Scripts
Background Scripts
Page action
Browser action
Options page
Web accessible resources
Content Scripts
javascript that executes once the page load is complete
Background Scripts
Duhh, javascript that executes in background
Page Action
Browser Action
Options Page
A HTML page which helps to set extension's preferences
Webextension APIs
Tabs API
Notifications API
BrowserAction API
webRequest API
Lets get started
LINK PAINTER
WORD COUNTER
about:debugging
Load temporary addon
Select manifest.json
WEB-EXT
A command line tool designed to speed up extension development process
http://bit.ly/publishAddon
Resources
- http://bit.ly/webextensions
- http://bit.ly/webexttutorials
- http://bit.ly/web-ext
- http://bit.ly/publishAddon
Thanks
TRISHUL GOEL
@trishulgoel