Better Ruler icon

Better Ruler

Extension Actions

CRX ID
ilcnadaaninblgbekoaihdhoiecaflie
Status
  • Extension status: Featured
  • Live on Store
Description from extension meta

A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design

Image from store
Better Ruler
Description from store

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

ppp
good job
Yaser
Really great simple extention!
Asep IT
Good, And Thank You
KOTA KAWANISHI (OKAKA)
good! easy to use!
Alex Raven
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.
Rajesh
Please Add option to detact auto height widht of object.
Mizanur Rahman
Awesome I'm thankful to the developers.
Junaid Khan
Brilliant tool.
Hamid Imomov
It works with local files too. Good!
David Rahrer
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.
Katie Bruhl
Simple to use and very useful. Thank you.
Katie Bruhl
Simple to use and very useful. Thank you.
WHO IS
how to set the language to english?
WHO IS
how to set the language to english?
Rajesh
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.
Cássio Gabriel Santos
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
tj y
增加一个快捷键用于显示隐藏工具栏,现在按键会和 vimium 冲突
Yunhai Wang
牛批 兄弟
Youssef OUIZIANE
Again Good Job Developers !
Youssef OUIZIANE
Again Good Job Developers !
BIUBIU UP
更新之后更好用了
Stefan Trinh
Perfect. check check my UI properly now
Stefan Trinh
Perfect. check check my UI properly now
Arthur Volokhov
It doesn't work with local files html. Не работает с локальными файлами html.
Med choayb bouanimba
just perfect
Med choayb bouanimba
just perfect
Alexander Nikonov
During the usage, caused the Maximum call stack size exception.
Alexander Nikonov
During the usage, caused the Maximum call stack size exception.
Usman Basharat
Simple and Superb
Usman Basharat
Simple and Superb
Google利用歴5年以上(PCゲームギーク)
これは、思っていた以上の性能。 所謂OCR系というんですかねぇ。 この手のフリーソフト(アドオン)は、沢山あるけど、大体1つの座標しかキャップチャー出来ない。 でも、コイツは、複数の座標をキャプチャーできる(しかも、キャプチャーしたままの状態を維持できる)。 これが無料で使えるなんて。凄い世の中になったものだなぁ・・・😮
Võ Đức Mạnh
Nice extensions
Vo Duc Manh (IT Kai nè)
Nice extensions
Mauricio Souza
simples, prático e fácil... a melhor ferramenta de medidas que encontrei!
Hardi
Perfect! The shortcut is helpful too
Hardi
Perfect! The shortcut is helpful too
Sudipto Mitra
This is really better ruler.
Sudipto Mitra
This is really better ruler.
Denis Semionov
Exactly what I needed
Denis Semionov
Exactly what I needed
Tony Tschanz
Fantastic Ruler, sample and effective, makes crosshairs over full screen while moving the cursor. Also useful to scale points with axes on graphs.
Tony Tschanz
Fantastic Ruler, sample and effective, makes crosshairs over full screen while moving the cursor. Also useful to scale points with axes on graphs.
Roman Velboi
This ruler works with developer tools!
Roman Velboi
This ruler works with developer tools!
Jovan Mabilin
It wasn't that compatible in Tablet and Mobile View.
Jovan Mabilin
It wasn't that compatible in Tablet and Mobile View.
Stacie T
This does exactly what I needed it to do! Thank you!
Stacie T
This does exactly what I needed it to do! Thank you!
Theodore Nguyen
This is what I look for, easy to use and convenient
Theodore Nguyen
This is what I look for, easy to use and convenient