CSS Grid Overlay
Easily check the grid alignment of your page across breakpoints.
Toggle a pixel grid overlay with adjustable spacing on any webpage. Press Command + Shift + L.
查看最近 30 天的用户变化。
按时间查看评分波动,辅助判断近期口碑是否稳定。
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
查看发布时间、版本、支持语言、最近更新和抓取时间。
查看插件说明、主要功能和适用场景。
Pixel Grid Overlay is a Chrome extension that adds a crisp, SVG-based grid and ruler overlay to any webpage.
It’s designed to help developers and designers inspect layout alignment with pixel-level accuracy, without interfering with page interactions.
You can toggle the overlay anytime with Command + Shift + L and adjust the grid size using the number keys 1, 2, or 3.
The grid stays sharp at any zoom level, with lightweight SVG rendering that scales smoothly across devices.
Whether you’re fine-tuning spacing, debugging CSS, or just curious how things line up, Pixel Grid Overlay gives you a clear, visual guide that feels native to your browser.
查看最近评论和评分分布。
查看 Chrome 商店详情页中的相关产品。
Easily check the grid alignment of your page across breakpoints.
Add customizable grid overlays to any webpage for alignment checking
Responsive grid overlay created by dennissnov help you to get pixel perfect. can be customized and support grid based design system
A simple grid line ruler with pixel rulers and cropping functionality to help place content on a webpage in a straight line.
Create grids on pages that provide the developers visual hints to help in developing the web app layouts.
Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.