A JavaScript tool, prototype Reference Blue Lake (you can also use blue Lake without blue Lake), is designed to help develop more accurate and efficient restore design drawings, help designers more easily complete UI walkthroughs, and help test earlier detection problems.
Read this document in other languages: English, 简体中文.
-
Move your mouse cursor to an element, and press Alt on Windows or ⌥ Option on a Mac，will displays the cssViewer panel for the selected element.
-
Move the mouse cursor to another element and the measurement results will be displayed.
-
In the cssViewer panel, you can Enter a color value (rGBA/hexadecimal format is supported) and press Enter for it to take effect
-
Click on the color block area in the cssViewer panel to switch the color values between rgba and hexadecimal
-
Hold down with Shift key will freeze the measurement results, so that we can take a screenshot easier.
-
After the measurement result is frozen, press Alt or press ⌥ Option on the Mac to unfreeze the measurement result
If you need to take snapshots but cannot take snapshots because the shortcut keys of snapshots contain Alt, the solution is as follows:
-
You can always press Alt and then press other keys to capture the screenshot
-
First click the outside of the page to make the current page out of focus, and then go to the screenshot
Drag and drop the Chrome directory in your project into Plug-in extension. You can use it as a Chrome plugin
You are free to fork the repository and submit pull requests. Bug reports in GitHub Issues.
Measure.js is MIT Licensed.