JSFoo 2019

JSFoo 2019

On component architecture, front-end engineering and Developer Experience (DX)



Jyotsna Gupta


Cross Browser Add-ons and How to build one

Submitted Apr 23, 2019

Extensions (or Add-ons) can extend and modify the capability of a browser. Browser extensions help us to personalize the browser as per our requirement.
We’ll be walking through some of the existing extensions in specific categories to outline the potential of extensions. Participants will be focused on building their own extension easily by having basic knowledge of JavaScript, which is now possible with WebExtensions APIs. Participants will learn how easily they can develop a Firefox/Chrome Extension or port Firefox Extension to other browsers(Chrome,Opera,Edge,etc.) with no or minimal changes.

By the end of the session, each participant would have the idea to be able to customize their favt. browser by building their own add-on (for instance, from building an add-on which reminds user to drink water after every hour to building an add-on that chops off the UTM token, makes your browsing more private)


Session Outline :

  • Introduction of WebExtensions
  • Show webExtension Examples
  • Anatomy of webExtension
  • WebExtension APIs
  • Build a basic WebExtension
  • Porting a webExtension from/to Chrome.
  • How to Choose the right extension for your favt browser.
  • Q&A

Speaker bio

Jyotsna is an Open Source Enthusiast, working as a Software Developer in CoffeeBeans, Bangalore. She is a TechSpeaker at Mozilla and volunteers to Mozilla in her free time as an Add-on Content Reviewer & Add-ons Featured Advisory Board Member. She has served on the judging panel for the Firefox Quantum Extensions Challenge. She is also a Firefox Add-ons Mentor and has published a privacy-themed add-on PrivateX. For her contributions to Mozilla, her name is also listed in about:credits and the credits page of every shipped Firefox browser.
She energizes herself by playing Badminton, TT, Carrom, Chess, and Basketball. She prefers to spend most of the time in her room, else she feels to travel the world. If you don’t see her doing any of the above, then you’ll find probably find her sleeping and dreaming for hours, maybe days?




{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hybrid access (members only)

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more