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!

borderify

By Supriya kotturu

Made with Slides.com

borderify

create your first add-on

  • 64

More from Supriya kotturu