用途：该扩展把 browser-devtools-mcp 服务器通过 Model Context Protocol 接入 VS Code 与 Cursor，使 GitHub Copilot、Cursor AI 等助手能操作真实浏览器，用于测试、调试与自动化。
主要能力：浏览器自动化（导航、点击、填表、输入、下拉选择）；截图与视觉测试；无障碍审计与 ARIA 树检查；Core Web Vitals 测量（LCP、INP、CLS、TTFB、FCP）；网络请求检查与接口 mock；React DevTools 集成；OpenTelemetry 分布式追踪；Figma 设计对比；非阻塞调试（tracepoint、logpoint、watch 表达式）；通过 JavaScript 批量执行。
安装：VS Code 执行 code --install-extension serkan-ozal.browser-devtools-mcp-vscode；Cursor 执行 cursor --install-extension serkan-ozal.browser-devtools-mcp-vscode；也可用 VSIX 文件安装。首次激活会下载 Playwright 浏览器（默认 Chromium），可在命令面板运行 Browser DevTools MCP: Install Playwright Browsers... 选择 Chromium、Firefox、WebKit，或用 browserDevtoolsMcp.install.chromium 等设置配置。
使用方式：在 Cursor 中扩展自动注册 MCP 服务器；VS Code 需 1.96+，通过 vscode.lm.registerMcpServerDefinitionProvider 注册。可用自然语言提示，如“导航到 example.com 并截图”“对当前页面运行无障碍审计”“测量 Core Web Vitals”“点击提交按钮并捕获网络请求”“mock /api/users 返回测试数据”。工具包括 navigate、click、fill、type、select、screenshot、accessibility_snapshot、accessibility_audit、web_vitals、network_requests、mock_route、unmock_route、react_inspect_element、react_get_component_tree、set_tracepoint、set_logpoint、watch_expression、execute 等。
配置与限制：可设置无头模式、持久化上下文、CDP 附加模式、代理、忽略 HTTPS 错误、调试截图/视频、OpenTelemetry 等。常见问题包括 Playwright 浏览器下载失败、MCP 服务器未注册、无头模式异常、证书错误与性能问题，资料给出对应排查项。遥测可通过设置、环境变量或配置文件关闭。资料未提供收费、价格与效果数据。