Page Ruler – CSS Inspector & Grid Overlay
Screen ruler, element inspector, grid overlay & CSS/Tailwind export for pixel-perfect UI design and frontend QA.
Professional measurement tool for web pages. Adjustable grid, rulers, areas, resizing, automatic history and 10 languages.
按已采集快照查看用户数变化。
展示最近 7 日窗口内已采集的评分快照,辅助判断近期评分是否稳定。
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
查看发布时间、版本、支持语言、最近更新和抓取时间。
查看插件说明、主要功能和适用场景。
Page Ruler by bestdevtools.io is a professional measurement tool for web pages, developed especially for front-end designers and developers who need precise and fast measurements.
WITH ADJUSTABLE GRID
Configure the grid size from 5px to 100px to facilitate the alignment and visualization of elements on the page.
PRECISE RULERS
Horizontal and vertical rulers with real-time indicators show exactly where your cursor is positioned. Guide lines follow the mouse across the grid for easy positioning.
CREATING MEASUREMENT AREAS
查看最近评论和评分分布。
商店综合星级:3.0。下方星级分布只统计已同步评论正文;如果某个插件只有公开分数、没有真实评论正文,这里可能为空。
查看 Chrome 商店详情页中的相关产品。
Screen ruler, element inspector, grid overlay & CSS/Tailwind export for pixel-perfect UI design and frontend QA.
Define a scale and take accurate measurements right on top of plans, maps, floor plan, screenshots and so on.
Use online ruler, a tape measure app with an accurate ruler in inches and centimeters for precise screen measurements.
Use Pixel Counter to measure pixels and use it as a ruler online or online lineal for web design, UI checks, and screen layouts
Use screen ruler for Chrome measure pixels on screen and as browser plugin. Get pixel ruler extension for website page dimensions.
Accurate Pixel Measurement Tool for Web Elements and Pages - Free & Efficient!
I was looking for a reliable tool to help with my UI measurements, but this extension was a massive disappointment. First off, the user interface is incredibly unintuitive. When I opened it, I had no idea where to start or how to actually trigger the rulers. There are no clear instructions or onboarding, leaving me to click around blindly trying to figure out what I’m supposed to do. To make matters worse, it simply doesn’t function as intended. The "Inspect Mode" is buggy; it fails to accurately detect element dimensions, and the vertical/horizontal guides are clunky to move. Instead of helping me align my layout, it just added more clutter to my screen. This tool clearly lacks an understanding of what a developer actually needs in a workflow. Save yourself the headache and look for a different extension that actually works and respects the user's time.
Eu estava a procura de uma ferramenta assim! Consigo marcar áreas e ver as medidas com precisão! Recomendo !