Visaudit 走查助手

把下面的按钮拖到书签栏,在任意网页点击即可走查(无需安装扩展,离线可用)。bundle 81.4 KB。

① 把这个按钮拖到浏览器书签栏 →

◎ Visaudit

拖不动?右键书签栏「添加网页/书签」,名称填 Visaudit,网址粘贴本按钮的链接地址。

② 用法

  1. 打开任意网页,点书签栏的 Visaudit → 底部弹出工具栏。再点一次收起。
  2. V 选择:点选元素 / Shift+点多选 / 拖拽框选 / 方向键导航 / ⌘Z 撤销。单选时右侧出属性面板,拖滑块改样式页面当场变。
  3. C 测距:点基准元素,再悬停目标,看间距 / 内外边距像素。
  4. O 记录:点元素采集记录,可在截图上手绘标注、导出 HTML 报告。
  5. AI / ⌘C:把选中元素的 selector / locator / React 源码定位 / 样式 diff 复制成 markdown,粘给 AI agent 落地改源码。

③ 与扩展版的差异

截图每次点「记录/截图」会弹出系统选择框,请选「当前标签页」(getDisplayMedia)。扩展版免授权(captureVisibleTab)。
翻页翻页后状态丢失,需重新点书签。扩展版会自动重注入。
隐私纯客户端运行,不外发任何数据。