辅助工具

弹窗底部有两个工具：「搜索」和「原始线索」。点击后会从底部打开面板，最高占弹窗高度 60%；再次点击按钮或点面板里的关闭按钮即可收起。

网页源代码搜索

适用场景：你怀疑某个识别错了，或者想确认页面里是否真的出现过某段字符串 / 正则。

输入框

支持普通文本与正则。回车或点「搜索」执行。

选项

选项	说明
区分大小写	默认关，开启后 React 和 react 不再等价
全字匹配	在普通文本模式下生效，要求匹配前后是非单词字符（用 \b 包裹）
正则表达式	把输入当作 JavaScript 正则源，结合上面两个标志

输出

会列出：

• 查询本身、模式、来源类型（HTML 序列化结果还是 outerHTML）、源码总长度
• 匹配数量（数字过大会显示「100+」并截断展示前 N 条）
• 每条匹配的行号、列号、字符 offset，以及匹配上下文 snippet（命中段前后约 60 字符）

TIP

搜索会把当前激活页面的 DOM 序列化成字符串再匹配，所以能覆盖隐藏元素、inline script 和注释。它不是网络源码搜索，页面运行后被脚本改掉的 DOM 也会被算进去。

原始线索

适用场景：

• 想看完整 raw 数据（被插件汇总前的所有响应头 / 动态快照 / 页面检测原始结果）
• 用来给 issue 附上完整证据
• 调试自定义规则匹配情况

输出是完整 JSON，结构如下：

{
  "url": "https://example.com",
  "title": "Example",
  "generatedAt": "2026-05-10T10:00:00.000Z",
  "technologies": [
    /* 合并后的去重列表 */
  ],
  "resources": {
    /* 资源摘要 */
  },
  "headers": {
    /* 主文档响应头 */
  },
  "apiObservations": [
    /* 每个 API 响应的 url/headers/technologies */
  ],
  "frameObservations": [
    /* 每个 iframe 同上 */
  ],
  "dynamicObservations": {
    /* 动态采集到的脚本/样式/iframe/feedLinks/domMarkers */
  },
  "notes": [
    /* 几句方法学说明 */
  ]
}

来源 → scoped JSON

如果你只想看某条技术、某个来源对应的 JSON 子集，不用打开整个原始线索 —— 直接点技术卡片下方的来源标签（比如「响应头」「动态监控 · 页面交互后」）。同样的抽屉会打开，但只显示该来源相关字段，并且 technologies 数组只保留这条技术。

抽屉标题会变成「原始线索 · React · 响应头」这种形式提示当前是 scoped 视图。再点底部工具栏的「原始线索」按钮会切回完整 JSON。

复制 JSON

弹窗顶部的「复制」按钮会把当前的完整 raw JSON 复制到剪贴板（与「原始线索」面板内容一致）。

常见用途：

• 提 issue / PR 时附上完整数据
• 离线分析多个站点的检测结果差异
• 在外部工具（jq、JSON Viewer）里浏览