基本使用

弹窗固定高度 600px，主体是技术列表。上方放当前页信息和过滤控件，下方放搜索、原始线索等辅助工具。

顶部工具栏

[StackPrism  当前页 URL]    [主题] [设置] [复制] [刷新]

• 左边：扩展名 + 版本号 + 当前页 URL（截断，hover 显示完整）
• 右边四个图标按钮：
  • 主题（太阳 / 月亮 / 屏幕图标）：点击在「自动 / 浅色 / 深色」三个状态间循环
  • 设置：打开设置页（独立标签页）
  • 复制：把当前检测的完整 raw JSON 复制到剪贴板
  • 刷新：通知后台重新检测当前页面，已有缓存结果会先留在弹窗里

概览数据

22 技术    274 资源    0 响应头

• 技术：检测到的去重技术总数
• 资源：当前页面加载过的脚本 / 样式 / iframe / 图片等资源 URL 数量
• 响应头：从主文档响应头里提取出的有用 header 数量

分类过滤栏

[ 重点 5  全部 22 ]    [ 选择分类 ▾ ]

• 左侧是 segment 切换器，「重点」只列高置信度结果，「全部」列全部
• 右侧是分类下拉，23 个分类（前端框架 / UI 框架 / CDN / 网站程序 / ...），选具体某个分类只显示该分类的结果。每个选项后面带计数（如「网站程序 · 4」）

技术列表

每条技术一个卡片：

React                                         [高置信度]
- DOM 节点存在 React Fiber 标记
- 资源 URL 匹配 cdn.example.com/react.production.min.js
来源：响应头  动态监控
识别不准确，点击纠正

• 技术名：可点击，跳转到该技术的官网或仓库（鼠标悬停时右侧出现外链图标）
• 置信度药丸：高（绿）/ 中（黄）/ 低（灰）
• 证据：最多 4 行，列出让插件得出这个判断的 DOM / 资源 / 响应头片段
• 来源：每个标签可点击，点击会在底部弹出一个抽屉，只显示这条技术、这条来源的原始 JSON 数据
• 纠正按钮：点击会打开 GitHub Issue 表单，并带上这条识别结果，方便反馈误报 / 漏报

TIP

如果一个页面识别出了很多内容，建议先看「重点」视图。它只列高置信度结果；要排查误报或看完整技术栈时，再切到「全部」。

底部工具栏

[搜索]  [原始线索]                                  GitHub

左侧两个工具按钮，详情见 辅助工具。点击后会从底部打开面板，再点同个按钮或面板里的关闭按钮即可收起。

滚动行为

弹窗整体高度锁定 600px，只有技术列表区域自己滚动。顶部工具栏、概览、分类过滤栏始终可见。

列表向下滚超过约 240px 时右下角浮出一个圆形按钮（向上箭头），点击平滑滚回顶部。