用途：使用浏览器 DevTools 验证运行时行为、调试问题并测量性能，作为代码审查和单元测试无法提供的运行时依据。
主要能力：Elements 面板检查 DOM 结构、CSS 计算样式、无障碍属性并调试布局；Console 面板查看运行时错误与警告、执行调试表达式、监控自定义日志；Network 面板检查请求与响应、请求头、负载、状态码、时序瀑布并识别失败或多余请求；Performance 面板录制分析运行时性能、定位阻塞主线程的长任务、检查渲染性能与内存占用；Application 面板检查 localStorage、sessionStorage、cookies、Service Worker、IndexedDB 与缓存资源。
使用方式：Chrome 中按 F12 或 Cmd+Option+I 打开 DevTools，进入相应面板；复现目标场景，触发需要验证的用户操作；收集证据（渲染问题截图、控制台输出、网络请求、性能追踪）；据证据定位根因、修复并在 DevTools 中验证，记录问题与解决方式。默认输出只返回结果、阻碍项与必要证据，不写前言、过程叙述、重复上下文与信心评分，除必要产物或 schema 外最多五条要点。
验证要点：组件在浏览器中正确渲染；无控制台错误或警告；网络请求成功且负载正确；性能达到可接受阈值；DOM 中无障碍属性正确。
适用场景：验证 UI 组件渲染、调试布局样式交互、测量页面加载性能、检查网络请求响应、分析 JavaScript 执行。
限制：资料未提供具体安装命令、集成方式与自动化脚本示例；该方法依赖手动打开 DevTools 并复现场景，性能结论受测试机器与网络条件影响。