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

Made with Slides.com