Better Ruler
A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design
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 mouse position in real time. Hold down the left button and move, 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. Press `Backspace` to delete the current layer. Double-click on the layer again (or press `Esc`) to exit edit mode.
- Press `f`(default, configurable) to show or hide the 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.
Latest reviews
good job
Really great simple extention!
Good, And Thank You
good! easy to use!
A very good extension. Useful for me as for a web developer. There is one important function missing I think - activate it by hotkey (changeable). So you press hotkey and ruler appears. Press second time - and it disappears.
Please Add option to detact auto height widht of object.
Awesome I'm thankful to the developers.
Brilliant tool.
It works with local files too. Good!
Great, simple ruler -- just what I was looking for. One thing, I closed the bar at the bottom of the screen. How do I get it back? Thanks again for your work.
Simple to use and very useful. Thank you.
Simple to use and very useful. Thank you.
how to set the language to english?
how to set the language to english?
I recently came across the Better Ruler Chrome extension and I must say, it has been an incredibly helpful tool for my web development projects. This extension provides a simple and intuitive way to measure various elements on a webpage, making it easier than ever to ensure pixel-perfect precision.
Extensão muito top, prática e simples de usar. Só falta ter a opção de mudar de idioma. Um inglês já bastaria
增加一个快捷键用于显示隐藏工具栏，现在按键会和 vimium 冲突
牛批 兄弟
Again Good Job Developers !
Again Good Job Developers !
更新之后更好用了
Perfect. check check my UI properly now
Perfect. check check my UI properly now
It doesn't work with local files html. Не работает с локальными файлами html.
just perfect
just perfect
During the usage, caused the Maximum call stack size exception.
During the usage, caused the Maximum call stack size exception.
Simple and Superb
Simple and Superb
これは、思っていた以上の性能。 所謂OCR系というんですかねぇ。 この手のフリーソフト（アドオン）は、沢山あるけど、大体1つの座標しかキャップチャー出来ない。 でも、コイツは、複数の座標をキャプチャーできる（しかも、キャプチャーしたままの状態を維持できる）。 これが無料で使えるなんて。凄い世の中になったものだなぁ・・・😮
Nice extensions
Nice extensions
simples, prático e fácil... a melhor ferramenta de medidas que encontrei!
Perfect! The shortcut is helpful too
Perfect! The shortcut is helpful too
This is really better ruler.
This is really better ruler.
Exactly what I needed
Exactly what I needed
Fantastic Ruler, sample and effective, makes crosshairs over full screen while moving the cursor. Also useful to scale points with axes on graphs.
Fantastic Ruler, sample and effective, makes crosshairs over full screen while moving the cursor. Also useful to scale points with axes on graphs.
This ruler works with developer tools!
This ruler works with developer tools!
It wasn't that compatible in Tablet and Mobile View.
It wasn't that compatible in Tablet and Mobile View.
This does exactly what I needed it to do! Thank you!
This does exactly what I needed it to do! Thank you!
This is what I look for, easy to use and convenient
This is what I look for, easy to use and convenient
