比 VisBug 更强大的下一代 UI 检查工具。支持智能元素检查、拖拽编辑、间距测量，并提供一键 AI 快照导出，让 AI 精准复刻你的设计。
从元素检查到 AI 快照导出，一套工具覆盖前端开发与设计审查的全部需求。
悬停即可查看完整的 CSS 属性、盒模型信息和排版细节。支持实时高亮显示元素边界，快速定位样式问题。
直接在页面上拖拽、缩放元素，实时调整位置和大小。内置对齐辅助线，让布局调试像设计软件一样直观高效。
精确测量任意两个元素之间的距离，自动显示像素值。轻松验证设计稿中的间距是否与实现一致。
使用键盘快捷键快速调整元素的色相、阴影和透明度。所有修改即时预览，设计微调从未如此简单。
一键将页面结构导出为 JSON 快照，包含完整的样式和层级信息，可直接交给 AI 工具精准复刻你的 UI 设计。
内置深色和浅色两种主题，自动适配你的工作环境。支持中英双语界面，满足全球开发者的使用需求。
无需复杂配置，安装后即刻投入使用。
从 Chrome Web Store 一键安装 UI Inspector Pro，无需额外依赖或配置。
在任意网页上点击扩展图标或使用快捷键启动检查面板，选择所需工具。
悬停检查元素、拖拽调整布局、测量间距，或一键导出 AI 快照完成设计复刻。
免费体验全部功能，按需升级到 Pro 计划获取持续更新。
点击后会立即生成 7 天试用许可证密钥，你可以复制到扩展里开始使用。
上线状态
当前版本优先完成官网展示、试用说明、许可证激活入口和会员流程说明。 LemonSqueezy 的真实商店信息会在你拿到正式官网地址后手动补进，这样不会卡住上线节奏。
已购买 Pro 版或已领取试用？在下方验证状态，或把当前浏览器激活为一个使用实例。
提示：点击“激活”会调用 LemonSqueezy License API，把当前浏览器记录为一个激活实例。只想查看是否有效时，优先使用“查询状态”。
关于 UI Inspector Pro 的常见疑问，在这里找到答案。