orange4glace / pixdom

Pixel measurement Chromium extension

📏 PixDOM

A Pixel measurement tool for Chrome extensions

Installation

$ git clone https://github.com/orange4glace/pixdom.git
$ cd pixdom
$ npm install
$ npm run build
Open Chrome
Go to chrome://extensions
Enable developer mode
Click 'Load Unpacked'
Select ./dist folder

Usage

• Click PixDOM extension icon to enable the extension
• Left mouse click to select an element
• Left mouse drag to select an element within a range
• Right mouse click to deselect an element
• Right mouse drag to deselect elements within a range
• Press M key to activate/deactivate
• Press = key to increase the font size
• Press - key to decrease the font size