页面调试与回放

调试页把经 TinyCap 代理的 HTML 页面接入类 DevTools 的 Elements / Console / Network 体验，并可录制会话。除此以外，若在电脑上的 Chromium 类浏览器（如 Chrome、Edge）安装官方提供的 TinyCap 扩展，也可在不经过代理预览的情况下采集页面会话，并导入桌面端。重现 （Replay）用时间轴把录制与控制台、DOM、网络对齐，或在独立窗口中打开。

进入调试视图

切到调试 Tab 后，若尚未选定客户端，会列出当前符合条件的设备行。至少需要存在一条经代理拿到的 HTML 文档响应；若列表为空，请确认终端已指向本机代理、SSL 证书已安装并被信任。

对目标行点击调试后，预览区域镜像当前页面。CSP（内容安全策略） 会限制可被注入的资源与行为，预览效果与直接在浏览器调试可能不完全一致——这是预期的安全边界。

工具面板

• 可调节预览尺寸、查看客户端 IP 与镜像 URL。
• Throttling（限速）：可选择内置预设或使用与全局弱网一致的自定义参数。
• 支持缩放镜像；可随时退出调试返回选择列表。
• 下方集成「检查器风格」面板用于 Elements / Console / Network 相关工作流。

录制调试会话

预览区提供录制入口。若在录制过程中切换所选客户端、离开调试路由或终止调试而未保存，未提交的录制可能被丢弃并有提示。成功保存 的会话会写入主窗口右侧「历史记录」 侧栏中的调试录制列表。

重现（Replay）

在主窗口调试视图下，可关注右侧竖条历史记录 ：其中列出已保存的调试录制。对某条目可导出为 JSON，或删除，或发送 给局域网伙伴（参见协作一章）；点击重现 一般会在新开窗口中回放该会话。若界面提供「导入录制 JSON」之类入口（常见在调试回放相关区域下部），也可用文件导入会话。

底部支持导入录制 JSON：校验格式失败或文件不可读时会给出细分错误文案；若会话缺少可镜像事件，则可能无法播放时间轴画面。

回放工具栏提供播放 / 暂停 ，以及预览 / 编辑 （若当前版本启用）视图模式切换；可通过键盘微调进度焦点（无障碍提示以界面为准）。

电脑浏览器扩展采集（Chromium）

当你在 PC 上使用 Chrome、Microsoft Edge 等 Chromium 内核 浏览器时，可同时安装 TinyCap「浏览器扩展」（名称一般仍为 TinyCap，由安装介质或发行方一并提供）。 它用于在当前网页标签页里采集操作与会话轨迹，采样策略与桌面端注入调试侧的录制对齐，适合做「不走系统代理也能录一段前台页面」的补充场景。

• 点击浏览器工具栏上的扩展图标打开弹出页：开始录制本标签 / 停止本标签录制； 支持多个标签并行录制，弹出页会提示并行路数。
• 与桌面 TinyCap 连接：停止录制后，扩展会通过本机的协作 HTTP 接口把数据交给桌面应用（与同机「导入」调试录制走同一通路）。使用前请先启动本机 TinyCap ，以便顺利完成上传。
• 端口与离线：扩展会自动探测本机 TinyCap 的协作服务端口（在一段连续端口范围内尝试）；若你在桌面 TinyCap 里改过协作监听端口且自动探测失败，可在扩展弹出页填写「协作 HTTP 端口」以便对齐。桌面端暂时不可用时仍可先录制，数据会暂存在扩展自带的本地空间里，之后在 TinyCap 已启动时再自动补传；也可用弹出页链接进入「暂存录制管理」，手动同步、导出或删除条目。
• 请勿在浏览器内置页（如以 chrome:// 开头的地址）上发起录制——这类页面扩展脚本无法正常工作。
• 成功导入桌面端后，会话会出现在历史记录 侧的调试会话列表里，可按与其它录制相同的方式进行回放、导出或协作发送（以当前版本界面为准）。

回放用于复现与分析；若导出文件含敏感 Token，请勿通过公共信道分享。