DevLens — Design Handover Inspector
Stop guessing pixels. Inspect any element's box model, typography, colors, spacing, and layout properties.
DevLens — Design Handover Inspector 媒体预览
7 天趋势预览
免费账号只会看到付费插件的短期趋势预览。
用户增长趋势
7 天评分预览
预览模式下只展示缩短后的评分曲线。
30 日评分变化
日/周/月增长表现
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
版本、语言与抓取信息
查看发布时间、版本、支持语言、最近更新和抓取时间。
插件简介
查看插件说明、主要功能和适用场景。
Stop switching between browser DevTools and your design specs. DevLens gives you a clean, visual inspector that shows exactly what developers need — no digging through computed styles.
🔍 One-Click Element Inspection
Hover over any element to see its box model, spacing, typography, and colors in a clean side panel. Click to lock the selection and explore every detail.
📏 Measure Distances
Shift+click any two elements to see the exact pixel distance between them — with visual connectors drawn right on the page.
🎨 Color Palette Extraction
最新评论快照
查看最近评论和评分分布。
同类与相关插件
查看 Chrome 商店详情页中的相关产品。
