BrowserExtensions

This repository contains code that I implemented to create browser extensions for Safari, Firefox and Chrome.

• Firefox Extension
  • Borderify
  • Magnify
• Chrome Extension
• Safari Extension

---

Steps followed in developing each Browser Extension

Firefox Extension

Reference: Official Mozilla developer documentation to create the Firefox pluggin: Borderify

1. Created manifest.json
2. Included manifest_version, name, version, description, icons, content_scripts in manifest.json
3. Under content_scripts; "matches" defines the URL at which the extension is activated and "js" specifies the script that'll load when the extension is used.
4. The magnify.js file was given the JS function to change the magnification of the content of the body.
5. To debug and test the extension; the about:debugging page was opened and "Load Temporary Add-on" was clicked under the "This Firefox" menu. The manifest file of the browser extension was opened here.

Chrome Extension

Reference: Chrome Extensions: Getting started Tutorial

Safari Extension

Reference: How to Build Safari App Extensions

The Safari extension couldn't be tested since the latest versions of Safari in MacOS do not support extensions that do not have a certificate.