Frontend Verification & Testing - 使用Chrome DevTools验证Angular 18前端
使用Chrome DevTools MCP验证Angular 18前端 - 检查控制台、网络请求和视觉渲染
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 列出打开的页面
- 导航到URL
- 等待文本
- 获取快照
- 截图
- 执行JavaScript
- 列出控制台消息
- 获取控制台消息
- 列出网络请求
- 获取网络请求
- 点击元素
- 填写输入字段
- 填写表单
- 悬停元素
- 调整页面视口
- 模拟网络条件
- 启动性能跟踪
输入
- Angular 18开发服务器
- 后端API服务器
- Angular项目文件
- JWT认证令牌
- 路由URL
输出
- 验证报告
- 截图文件
- 控制台错误日志
- 网络请求详情
- 性能指标
要求
- Angular 18.2.0+
- Chrome DevTools MCP
- 运行在localhost:4200的开发服务器
- 运行在localhost:8080的后端API
- Read工具
- Bash工具