Skip to content

辅助工具

弹窗底部有三个工具:「搜索」、「原始线索」和「复制全部」。搜索与原始线索会从底部打开面板,最高占弹窗高度 60%;再次点击按钮或点面板里的关闭按钮即可收起。复制全部不会打开面板,它会直接把完整技术栈报告复制到剪贴板。

网页源代码搜索

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

输入框

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

选项

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

输出

会列出:

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

TIP

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

原始线索

适用场景:

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

输出是完整 JSON,结构如下:

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。

复制完整技术栈报告

弹窗底部的「复制全部」按钮会把当前页面的完整技术栈报告复制到剪贴板。这个报告包含:

  • 人类可读的 Markdown 摘要
  • stackprism.tech_stack_report.v1 结构化 JSON
  • 当前页面的 URL、标题、生成时间、技术总数、资源数和主文档响应头数

它复制的是当前弹窗结果,不受「重点」视图或分类下拉筛选影响;设置页里的分类开关和禁用名单仍会生效。你可以直接粘贴到 issue、笔记、AI Agent 输入框或外部文本工具里。

常见用途:

  • 提 issue / PR 时附上完整技术栈上下文
  • 把某个站点的技术栈记录到文档或知识库
  • 交给 AI Agent 做进一步分析

基于 CC BY-NC-SA 4.0 协议发布