---
name: cdp
description: 通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。
---

# CDP 前端调试

按任务自行选择浏览器工具、Playwright 或原生 CDP 驱动，以及操作和取证方式。

## 连接应用

- 检查 `http://127.0.0.1:9222/json/list`，核对 ReinaManager 的 URL、标题和页面内容，复用现有连接与页面。
- 端口空闲且需要启动应用时，在项目根目录执行 `pnpm tauri:dev-cdp`，保留开发进程。遇到无关服务不终止它。
- 需要批量模拟数据或响应时序时，使用 [frontend-test 技能](../frontend-test/SKILL.md) 的隔离环境；不要为每次真实应用复验创建新浏览器或 profile。

## 验证与结束

- 按用户描述的路径复现并获取证据，修复后回到原路径复验。截图、DOM、日志或逐帧记录按问题选择；用户只要求诊断时不修改生产代码。
- 操作真实数据时遵循当前会话的授权范围，不为测试擅自删除、导入、覆盖数据或启动外部游戏。
- 脚本与需要落盘的产物放在 `.local/frontend-tests/`，结束后清理无用文件、本次页面探针及监听器。
- 保留用户的应用、现有页面和可复用连接，不向真实应用发送原生 `Browser.close`，不按进程名批量终止浏览器。

简要报告证据、验证结果与仍存在的限制；修改代码后按项目规则完成必要检查。