I had no clue about writing a Firefox extension, as this was the primary time I did write one. My first step was to observe the tutorial. It explains the fundamentals of an extension construction. Then, I adopted the second tutorial. It explains find out how to create a pop-up menu for the extension however not find out how to work together with the net web page. At this level, I made a decision to be taught by doing, a method that works nicely for me.
A Firefox extension begins with a manifest. Right here’s the one from the primary tutorial, simplified:
manifest.json
{
"manifest_version": 2,
"title": "Borderify",
"model": "1.0",
"content_scripts": [
{
"js": ["borderify.js"]
}
]
}borderify.js
doc.physique.model.border = '5px stable purple';I discovered the event suggestions loop good. Think about that you’ve adopted the tutorial and created all the mandatory recordsdata above. You’ll be able to go to <about:debugging#/runtime/this-firefox> and click on on Load Short-term Add-on….
Then, level to your manifest file. Firefox hundreds the extension: it’s now energetic.
Within the above instance, the JavaScript from the tutorial provides a purple border round each net web page. It’s ineffective, we will do higher, nevertheless it exhibits the way it works. We will change the script to vary the colour, e.g., from purple to inexperienced. To make Firefox reload any change, together with adjustments to the manifest, click on on the Reload button on the short-term extension panel.
