Better Ruler
Extension Actions
- Extension status: Featured
- Live on Store
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
- 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