Dev Helper

Dev-Helper is a Chrome Extension to view borders of DOM Elements (on mouse hover).

Preview

Features

• See Borders of DOM Elements useful for Debugging CSS
• Customizing Options
  • Border Length 1 - infinity
  • Border Color
    • Select Through Color Box
    • Give HEX,RGB
  • Border Type
    • Dotted
    • Solid
    • Dashed
    • Few More
• Reset to Default

Install

• Google Chrome WebStore

  • https://chrome.google.com/webstore/detail/dev-helper/gefbfanlgpapjneilaccgldmbhbgihdc

• Add Manually

  • Download Latest Version of src.zip
    • https://github.com/Swarag-N/Dev-Helper/releases
  • Navigate to chrome://extensions/
  • Toggle Developer Mode at Top Right Corner
  • Use Load unpacked load the Extracted files from src.zip to Browser
  • Refresh the Tab to start Using Extension

Contribute

Local Development

• Clone the source

  git clone -b develop https://github.com/Swarag-N/Dev-Helper.git

• Load up Chrome browser, go to URL chrome://extensions, and enable Developer Mode

• Click on Load Unpacked, and use the src directory as the root.

Made with ❤️ by Swarag Naryanasetty