检查系统要求

确认你的电脑已安装Node.js v20.19或更高版本、Chrome稳定版和npm

可以在终端运行 node --version 和 npm --version 检查版本

了解MCP概念

理解Model-Context-Protocol（MCP）是什么：它是一个让AI助手能够调用外部工具的标准协议

可以把MCP看作AI助手的“插件系统”，让AI能使用更多功能

选择MCP客户端

根据README选择你正在使用的AI助手（如Claude Code、Cursor、Copilot等），并找到对应的配置部分

如果你是Claude用户，重点关注Claude Code部分；如果是VS Code用户，关注Copilot/VS Code部分

安装Chrome DevTools MCP

根据你选择的MCP客户端，按照README中的对应配置进行安装

大多数客户端都支持通过npx直接运行：npx -y chrome-devtools-mcp@latest

配置MCP服务器

在你的MCP客户端中添加Chrome DevTools MCP服务器配置

配置通常包括服务器名称、类型和命令，注意不同客户端的配置方式略有不同

启动Chrome调试模式

确保Chrome浏览器已启动并开启远程调试功能（如果需要手动连接）

大多数情况下，MCP服务器会自动启动浏览器，但了解手动连接方式有助于排查问题

运行测试提示

在你的AI助手中输入README提供的测试提示：“Record a performance trace of google.com”

这会触发MCP服务器启动浏览器并记录性能追踪，验证安装是否成功

观察浏览器行为

观察Chrome浏览器是否自动打开并访问google.com，然后记录性能数据

如果浏览器没有自动启动，检查MCP客户端的连接状态和配置

查看AI助手响应

查看AI助手是否返回了性能追踪结果或相关分析

首次运行可能需要一些时间，请耐心等待

尝试自动化操作

让AI助手执行简单的浏览器操作，如点击、输入文本、导航等

可以从“click”或“navigatepage”工具开始尝试

体验调试功能

尝试使用截图、获取控制台消息、分析网络请求等功能

“takescreenshot”和“getconsolemessage”是很好的入门工具

测试性能分析

让AI助手记录和分析网站性能，了解性能洞察功能

注意性能工具可能会发送数据到Google CrUX API，如涉及敏感信息可使用--no-performance-crux标志

理解安全警告

仔细阅读README中的免责声明，理解该工具会向AI暴露浏览器全部内容

绝对不要在处理敏感信息或个人数据时使用此工具

配置隐私选项

根据需要禁用使用统计收集（--no-usage-statistics）或CrUX数据发送（--no-performance-crux）

可以通过环境变量CHROMEDEVTOOLSMCPNOUSAGESTATISTICS或CI来禁用统计收集