Frontend Verification & Testing - 使用 Chrome DevTools MCP 验证 Angular 18 前端
使用 Chrome DevTools MCP 检查控制台错误、网络请求和视觉渲染，验证 Angular 18 前端更改
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 导航到页面 URL
- 捕获页面截图
- 检查控制台错误日志
- 检查网络请求
- 测试用户交互
- 调整页面视口
- 捕获无障碍快照
- 填充输入表单字段
输入
- Angular 18 应用文件
- 运行中的前端服务器
- 运行中的后端 API
- 浏览器页面 URL
- Chrome DevTools MCP 工具
输出
- 验证结果报告
- 页面截图文件
- 控制台错误详情
- 网络请求数据
- 无障碍树快照
要求
- Angular 18.2.0+ 前端
- Chrome DevTools MCP 服务器
- 前端开发服务器
- 后端 API 服务器
- Read 和 Bash 工具