◎ Visaudit 走查助手
把下面的按钮拖到书签栏,在任意网页点击即可走查(无需安装扩展,离线可用)。bundle 81.4 KB。
① 把这个按钮拖到浏览器书签栏 →
◎ Visaudit
拖不动?右键书签栏「添加网页/书签」,名称填 Visaudit,网址粘贴本按钮的链接地址。
② 用法
- 打开任意网页,点书签栏的 Visaudit → 底部弹出工具栏。再点一次收起。
- V 选择:点选元素 / Shift+点多选 / 拖拽框选 / 方向键导航 / ⌘Z 撤销。单选时右侧出属性面板,拖滑块改样式页面当场变。
- C 测距:点基准元素,再悬停目标,看间距 / 内外边距像素。
- O 记录:点元素采集记录,可在截图上手绘标注、导出 HTML 报告。
- AI / ⌘C:把选中元素的 selector / locator / React 源码定位 / 样式 diff 复制成 markdown,粘给 AI agent 落地改源码。
③ 与扩展版的差异
| 截图 | 每次点「记录/截图」会弹出系统选择框,请选「当前标签页」(getDisplayMedia)。扩展版免授权(captureVisibleTab)。 |
| 翻页 | 翻页后状态丢失,需重新点书签。扩展版会自动重注入。 |
| 隐私 | 纯客户端运行,不外发任何数据。 |