Better Ruler in Chrome with OffiDocs

DESCRIPTION

A ruler which can snaps around web elements for easier measurement.

Provide convenience for front-end development and ui design.

- Click on the plugin icon to run the plugin.

Click again to exit.

- Hold down `Alt/Option` while moving the mouse to display the size of the element at the current mouse position in real time.

- Hold down `Alt/Option` while moving the mouse.

If the mouse is in the snapping range(within 50px from the element's boundary, within 20px from the vertex by default), it will automatically snap to the edge of the element.

- Double-click the current layer to enter the editing mode, in which the layer can be dragged and resized.

Double-click again (or press `Esc`) to exit edit mode.

Press `Backspace` to delete the current layer.

- Press `f`(default, configurable) to show or hide the bottom toolbar.

- Press `shift` to show or hide the size.

- You can use `alt+z` to activate/deactivate the plug-in.

If it doesn't work, you can go to chrome://extensions/shortcuts to bind the key yourself.

Or, After activating the plugin once, you can double-press `z` (default, configurable) to activate/deactivate the plug-in.

- Go to chrome://extensions, find this plug-in and turn on `allow access to file URL` to take effect for local html files.

Additional Information:

- Offered by paul
- Average rating : 4.76 stars (loved it)
- Developer This email address is being protected from spambots. You need JavaScript enabled to view it.

Better Ruler web extension integrated with the OffiDocs Chromium online