# Chrome DevTools MCP 让 AI 无缝接管浏览器调试会话
Chrome DevTools MCP 服务器近期新增了一项开发者期待已久的功能：编码助手可以直接接入现有的浏览器会话。

借助这一能力，编码助手可以：

- **复用已登录的浏览器会话**：假设需要修复一个需要登录才能访问的问题，编码助手现在可以直接使用当前的浏览会话，无需再次登录。
- **接入活跃调试会话**：当在 Chrome DevTools 的网络面板中发现失败的请求时，可以选中该请求并让编码助手调查问题。同样的功能也适用于 Elements 面板中选中的元素。这种在手动调试与 AI 辅助之间无缝切换的能力，为调试流程带来了新的可能性。

自动连接功能是 Chrome DevTools MCP 连接 Chrome 实例的现有方式的补充。当然，以下方式仍然可用：

- 使用 Chrome DevTools MCP 专属的用户配置文件运行 Chrome（当前默认方式）
- 通过远程调试端口连接到正在运行的 Chrome 实例
- 在隔离的临时配置文件中运行多个 Chrome 实例

## 工作原理

Chrome M144（当前处于 Beta 版本）新增了一项功能，允许 Chrome DevTools MCP 服务器请求远程调试连接。这一新流程建立在 Chrome 现有的远程调试能力之上。默认情况下，Chrome 中禁用远程调试连接，开发者需要先在 `chrome://inspect#remote-debugging` 中明确启用该功能。

当 Chrome DevTools MCP 服务器配置 `--autoConnect` 选项后，它会连接到活跃的 Chrome 实例并请求远程调试会话。为避免恶意滥用，每次服务器请求远程调试会话时，Chrome 都会向用户显示对话框请求许可。此外，在调试会话活跃期间，Chrome 顶部会显示"Chrome 正受到自动测试软件的控制"横幅。

![Chrome DevTools MCP 支持直接连接活跃浏览器会话](https://developer.qcloudimg.com/http-save/yehe-6798077/aea025a3b49a15fcac447ea10ed66ff0.png)

## 开始使用

要使用新的远程调试能力，需要先在 Chrome 中启用远程调试，然后配置 Chrome DevTools MCP 服务器使用自动连接功能。

### 第一步：在 Chrome 中设置远程调试

? 在 Chrome（>=144）中执行以下步骤启用远程调试：

1. 访问 `chrome://inspect/#remote-debugging` 启用远程调试
2. 按照对话框界面允许或拒绝传入的调试连接
![Chrome DevTools MCP 支持直接连接活跃浏览器会话](https://developer.qcloudimg.com/http-save/yehe-6798077/ba8747a61bc369fa2e08b999ff47fb76.png)

需要先启用远程调试，客户端才能请求远程调试连接。

### 第二步：配置 Chrome DevTools MCP 服务器自动连接

要将 `chrome-devtools-mcp` 服务器连接到正在运行的 Chrome 实例，在 MCP 服务器配置中使用 `--autoConnect` 命令行参数。

以下代码片段是 gemini-cli 的示例配置：

```json
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--channel=beta"
      ]
    }
  }
}
```

注意：在 Chrome M144 进入稳定版之前，需要指定 `--channel=beta`。

### 第三步：测试配置

打开 gemini-cli 并运行以下提示：

```
Check the performance of https://developers.chrome.com
```

注意：`autoConnect` 选项需要用户先启动 Chrome。

Chrome DevTools MCP 服务器将尝试连接到正在运行的 Chrome 实例，并显示对话框请求用户许可：

![Chrome DevTools MCP 支持直接连接活跃浏览器会话](https://developer.qcloudimg.com/http-save/yehe-6798077/44dfc534b565f7fe246b07767a02f8c2.png)

Chrome 请求用户许可以启动远程调试会话。

点击"允许"后，Chrome DevTools MCP 服务器会打开 developers.chrome.com 并采集性能追踪数据。

完整的使用说明请参考 [GitHub 上的 README](https://github.com/GoogleChromeLabs/chrome-devtools-mcp-server)。

## 让编码助手接管调试会话

能够连接到活跃的 Chrome 实例意味着无需在自动化与手动控制之间做选择。开发者可以自行使用 DevTools，也可以将调试任务交给编码助手。如果在网站上发现问题，可以打开 DevTools 查看并定位导致问题的元素。如果希望编码助手修复该问题，现在可以通过 Chrome DevTools MCP 服务器实现。可以在 `Elements` 面板中选中元素，然后让编码助手调查问题。

同样的功能也适用于 `Network` 面板。可以选中网络请求并让编码助手调查。

[Chrome DevTools MCP 让 AI 无缝接管浏览器调试会话](https://catchadmin.com/post/2026-03/chrome-devtools-mcp-auto-connect)

Chrome DevTools MCP 服务器近期新增了一项开发者期待已久的功能：编码助手可以直接接入现有的浏览器会话。

Chrome DevTools MCP 让 AI 无缝接管浏览器调试会话

前端

开发工具

人工智能

ChromeDevToolsMCP新增AI调试功能，允许编码助手直接接入浏览器会话，无需重复登录即可修复问题。支持在Elements和Network面板选中元素/请求后让AI分析，实现手动与自动调试的无缝切换。需Chrome M144+版本并启用远程调试功能，确保安全性的同时提升开发效率。

远程调试

服务器

GitHub

JSON

2026新春采购季

4核4G3M云服务器 新用户低至38元/年！

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

Chrome DevTools MCP 让 AI 无缝接管浏览器调试会话-腾讯云开发者社区-腾讯云

Chrome DevTools MCP 让 AI 无缝接管浏览器调试会话

Chrome DevTools MCP 让 AI 无缝接管浏览器调试会话

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐