extension-boilerplate | ⚡️ A template building cross browser extensions | Browser Plugin library
kandi X-RAY | extension-boilerplate Summary
kandi X-RAY | extension-boilerplate Summary
Now that Firefox supports WebExtensions, it has become a lot easier to build browser extensions/addons for multiple browsers without duplicating the codebase. This project serves as a sensible starting point to help you get started. I have extracted this from the browser extensions that I built for my side-project, Email This. Side note: Do check out Email This. It is a simpler alternative to bookmarking tools like Pocket, Readability & Instapaper. Email This will remove ads & distractions from an article and send you a nice email with just the text/images. No need to install any additional applications or login to another app just to access your bookmarks. The Chrome Extensions is available on the Chrome Web Store.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Extension library .
- workaround . js
- Merge all files
- Output a gulp task
- invoked when a request is processed
extension-boilerplate Key Features
extension-boilerplate Examples and Code Snippets
Community Discussions
Trending Discussions on extension-boilerplate
QUESTION
HiI am trying to develop small simple popup extension in Firefox, I am new to the Firefox extension development Framework.
I used this boilerplate to speed up this process
I Added a small button to the popup with an id = testid1 by overriding the popup.html file and adding this line
...ANSWER
Answered 2020-Aug-23 at 02:54I managed to solve my problem after reading some more about the Firefox Extensions. So basically what I was doing is managing the popup document not the webpage. In order to interact with the webbrowser current page I needed to change another type of js called a content script, which is different from the popup.js javascript file(similar to the background script) that I was editing.
So basically I had to use the communication between the background and content-script with regards to the documentation.
On the content_script.js , I interacted with the web-page using some eval function.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install extension-boilerplate
Clone the repository git clone https://github.com/EmailThis/extension-boilerplate.git
Run npm install
Run npm run build
Download Chrome Extension
Download Opera Extension
Download Firefox Extension
Open Chrome/Opera browser and navigate to chrome://extensions
Select "Developer Mode" and then click "Load unpacked extension..."
From the file browser, choose to extension-boilerplate/build/chrome or (extension-boilerplate/build/opera)
Open Firefox browser and navigate to about:debugging
Click "Load Temporary Add-on" and from the file browser, choose extension-boilerplate/build/firefox
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page