/measure.js

Make UI walkthroughs easier and development more precise

Primary LanguageTypeScriptMIT LicenseMIT

Measure JS

GitHub Stars Github Forks GitHub Open Issues License

A JavaScript tool designed to help develop more accurate and efficient restoration design, help designers more easily complete UI walkthroughs, help test earlier detection of problems.

Read this document in other languages: English, 简体中文.

How to use

  1. Move your mouse cursor to an element, and press Alt on Windows or ⌥ Option on a Mac.

  2. Move the mouse cursor to another element and the measurement results will be displayed.

Special operation

Hold down with Shift key will freeze the measurement results, so that we can take a screenshot easier.

Chrome Extension

Drag and drop the Chrome directory in your project into Plug-in extension. You can use it as a Chrome plugin

demo

Contribute

You are free to fork the repository and submit pull requests. Bug reports in GitHub Issues.

License

Measure.js is MIT Licensed.