Browser Ruler

Measure things in your browser!

This Web Extension provides an on-screen ruler for browsers that support the standard. At this time, the ruler is manually tested in Chrome and Firefox.

At the time I first wrote this, there were 4 other ruler extensions in the Chrome Web Store. Two are adware supported (one without admitting it) and the other had too many features I didn't need.

Installation

The easiest way to install this extension is via the Chrome Web Store.

See the Building section to build from source, then follow the browser-appropriate instructions for loading a web extension.

• Chrome
• Firefox

Usage

After installing the extension, you'll see a new icon in your browser's toolbar. When you click it, the page will become non-interactive and clicking on the page will start/stop drawing the ruler. Click the ruler icon again to switch back to normal browsing.

Building

1. Clone this project.
2. cd into the project directory.
3. npm install dependencies
4. npm run build to create dist directory
5. Follow the browser-appropriate instructions above to load the extension into your browser. The extension can be found in ./dist.

Attribution

Icons built by The Working Group and discovered at Icon Finder.

Changelog

0.4.0 - 2018-04-14 - Diagonal Measurement

• Add diagonal measure from rickvanderzwet

  0.3.0 - 2017-04-02 - Maintenance release

• Remove grunt from toolchain

• Add webpack, babel-minify to toolchain

• Use web-ext for bundling

• Publish to Firefox store

  0.2.0 - 2015-01-31 - Maintenance release

• Remove bower, zepto

• Modularize code

Maintainer

• Ian W. Remmel

Contribute

I'd love to hear about bug fixes or other ways to improve this. PRs are very welcome, but if you've got a feature in mind, please consider opening an issue before writing much code. I won't rule out adding new features, but the excess features in another ruler are why this project exists.

License

MIT © Ian W. Remmel