Designer Tools
A collection of tools to help you design and develop websites with precision.
A tool for designers to measure screen dimensions
按已采集快照查看用户数变化。
展示最近 7 日窗口内已采集的评分快照,辅助判断近期评分是否稳定。
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
查看发布时间、版本、支持语言、最近更新和抓取时间。
查看插件说明、主要功能和适用场景。
This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel.
# Images & HTML Elements
Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.
# Mockups
Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.
# Keyboard Shortcut
查看最近评论和评分分布。
商店综合星级:4.2。下方星级分布只统计已同步评论正文;如果某个插件只有公开分数、没有真实评论正文,这里可能为空。
查看 Chrome 商店详情页中的相关产品。
A collection of tools to help you design and develop websites with precision.
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
Create grids and measure their distance easily.
Measure page elements size in pixel with an easy-to-use ruler.
Drop your mockup on the live page for pixel-perfect comparison with your code.
A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.
отличное расширение, однако есть пара пожеланий: 1) добавить возможность складывать значения кликом левой кнопки мыши (провой кнопкой - сброс значений) 2) игнорировать полосу скролла спасибо за работу и успехов! ;)
Simply awesome! LOOOOOVE it :D
It doesn't measure distance between HTML elements (or text nodes including "line-height"). I was looking for a tool that snaps to HTML elements and text nodes, allowing to select two and measure distance between them no matter where on the screen they are, no matter how many other elements are in between them. This tool is very simple and measures only internal size of elements, as it detects color change. It's fine only for simple measurements. I'm still looking for something more advanced.
It's an awesome tool. The only problem is that it only sees pixels. An element with an line height would be ignored, picking the first pixel it can find
Excelente, justo la herramienta que necesitaba
Great plugin! absolutely amazing. 🙏🏼 I hope an update is released to fix it, its not working when devtools is open.
all good. but it is not working when page is zoomed in
La más útil, me ha servido más que sus competidoras, excelente para front end!
Extension doesn't work if your website isn't public
Doesn't measure the elements, but it does measure the pixels between color changes (Like images, text, etc.) Great btw