Borderify

Manifest.json

   "manifest_version" : 2,
    "name" : "Borderify",
    "version" : "1.0",

mandetory

"description": "Adds a red border to all webpages matching mozilla.org.",

 "icons": {
      "48": "icons/border-icon.svg",
      "96": "icons/border-icon.svg"
    },

optional but recommended

loads the boderify.Js file when a particular page is opened

"content_scripts": [
      {
        "matches": ["*://*.mozilla.org/*"],
        "js": ["borderify.js"]
      }
    ]

Borderify.js

document.body.style.border = "7px dashed #ffc3a0";

icons

Installing

about:debugging

load temporary Add-on
select any file in your extension's directory

Publish your extension

create a Zip file ignoring the .git files and upload to AMO
or
package your extension using web-ext build

Thank You!

Made with Slides.com