![firefox web extensions api firefox web extensions api](https://i.ytimg.com/vi/DNJ3AGBMm2o/maxresdefault.jpg)
This post will focus on the tabs API.įor more on web extension APIs, see JavaScript APIs - Mozilla | MDN.Ī browser extension that includes a popup HTML page when the user clicks on the icon in the browser’s toolbar could have a project structure like this: extension├── css│ └── style.css├── js│ └── popup.js├── manifest.json└── popup.html There are many JavaScript API’s that can be used in your browser extension.
![firefox web extensions api firefox web extensions api](https://www.pontikis.net/wp-content/uploads/2017/01/firefox-addons-extensions1.png)
Get started with a template - copy, edit and publish! Other browsers and distribution options are also available for web extensions. Chrome Web Store and Firefox Add-ons are two places you can distribute your browser extension This post will focus on the Chrome and Firefox browsers, along with distributing extensions via the Chrome Web Store and Firefox Add-ons websites.
#Firefox web extensions api code#
This means you can code and then distribute one extension package to multiple browsers’ web stores.
#Firefox web extensions api how to#
It will show you how to structure a project and write JavaScript code to interact with the browser’s tabs, depending on which browser is being used. This tutorial will cover how to create a web extension that works across multiple browsers.
![firefox web extensions api firefox web extensions api](https://pbs.twimg.com/profile_images/632279612618223616/L22RY5ZS_400x400.png)
By ryanwhocodes How to make a cross-browser extension using JavaScript and browser APIs