Tabbit博客

Claude Code 如何操控 Chrome?终端与桌面端连接指南

配置 Claude in Chrome 扩展,检查终端连接,并分清桌面端 Browser 面板和已登录浏览器的区别。

本文目录
  1. 要点
  2. 怎么选浏览器入口
  3. 核对扩展与账号
  4. 从终端连接 Chrome
  5. 选择桌面端入口
  6. 先做一个只读任务
  7. 分开记录连接与任务结果
  8. 重试之前排查权限

Claude Code 可以通过 Claude in Chrome 扩展点击和读取网页。在终端用 claude --chrome 启动,再用 /chrome 查看集成状态。Claude Code 桌面端还提供独立干净配置的 Browser 面板。先明确任务需要哪个浏览器会话,再选择入口。

装好扩展和连通会话是两回事。一位用户安装、启用并重启后,仍遇到连接错误。先看 /chrome 的状态,再判断问题出在连接还是网页任务。 Reddit

要点

  • 安装官方扩展 1.0.36 或更新版,并通过 /login 登录受支持的 Anthropic 订阅。

  • 需要已登录的配置时用扩展,预览本地应用时可用独立的 Desktop Browser 面板。

  • 在多浏览器环境核对窗口和标签页;先从公开练习页读取结果。

  • 连接成功后,到实际页面核对结果。

怎么选浏览器入口

入口浏览器配置适用任务
Claude in Chrome现有配置需要沿用登录态
Desktop Browser独立干净配置公开网页或本地预览
Claude Code 官方文档中的两条浏览器路径

核对扩展与账号

官方 CLI 指南要求 Claude in Chrome 1.0.36 或更新版本、Anthropic 直订套餐(Pro、Max、Ultra、Team 或 Enterprise),并用 /login 登录。只用 API 密钥或 setup-token 不满足此集成的登录要求。支持的浏览器和组织策略可能变化,接入前核对最新文档及扩展所在配置。

Chrome 和 Edge 都在官方文档中。Claude Code 也可检测 Brave、Arc、Vivaldi、Opera 中的扩展并配置连接;WSL 不支持这项集成。扩展和 CLI 必须使用同一个 Claude 账号和组织。组织管理员也可限制访问。 Anthropic

Claude Code Docs · Chrome Web Store

Claude 的浏览器操作 · 搭配 Claude Code 使用 Tabbit

从终端连接 Chrome

在受支持的浏览器启用官方扩展,使用 claude --chrome 启动并查看首次连接说明。运行 /chrome 检查状态。官方说明正常面板会显示 Status: Enabled 和 Extension: Installed。多个浏览器接入时先选择目标,任务开始后再核对具体标签页。

claude --chrome

VS Code 中可输入 @browser 接入。使用 Claude Code 2.1.287 或更新版本,且在 /chrome 打开 Enabled by default 时,VS Code 会话会在启动时连接。 Claude Code Docs

适合 Agent 的浏览器 · 浏览器 Agent

选择桌面端入口

Claude Code Desktop 的 Browser 面板使用独立干净配置,与个人登录及历史记录分开,适合公开页面和本地预览。需要使用获准的已登录浏览器时,官方文档指向 Claude in Chrome 扩展。桌面面板按站点请求授权,子域名也单独处理。

Claude Code Desktop Docs · 浏览器自动化 · Agent 浏览器安全

先做一个只读任务

先选无账号页面。请 Claude Code 打开练习链接,读取标题,点击 Show source details 一次,然后返回可见的来源编号。如果按钮不符或要求登录就停止。练习页点击后的预期结果是 Source ID: DEMO-A01。

在已连接的浏览器打开 [练习页 URL]。
读取页面标题,点击一次 Show source details。
返回标签页网址、标题和可见的 Source ID。
如果网址意外变化、按钮缺失或页面要求登录,立即停止。不要提交表单或上传文件。

打开练习页 · 让 AI Agent 操作浏览器 · 接入现有浏览器

分开记录连接与任务结果

先核对窗口和练习页地址,再核对按钮展开后的页面文字。若回答里有编号、网页上却没有,先让 Claude 重新读取当前标签页。真实站点上,重复点击可能会再次提交数据。

首次浏览器任务清单

重试之前排查权限

如果 /chrome 未检测到扩展,先检查它是否在目标浏览器配置启用,再核对 Claude Code 版本。尝试官方的 Reconnect extension,需要重启时先确认已有窗口和任务。组织规则也可能禁用连接器或单独站点,只授予完成该任务所需的权限。

现象检查项
找不到扩展/chrome → Reconnect extension
连错浏览器选择目标浏览器
结果未显示回读可见编号
只在工作站点失败检查扩展的站点权限和组织连接器策略。
重连只打开页面若版本低于 2.1.290,更新 Claude Code。

若状态显示 Not connected,选择 Reconnect extension。2.1.290 之前的重连按钮只会打开页面,无法重启已断开的连接。首次未检测到扩展时,重启浏览器可加载 Claude Code 写入的本机消息传递配置。闲置后掉线时可先尝试重连。只有工作站点失败时,核对扩展站点授权及组织的连接器或 IP 白名单策略。 Claude Code Docs

有用户报告多开配置时,有时会选中 Edge。建议先核对实际打开的窗口。 Reddit

需要已登录的 Chrome 配置时,从 claude --chrome 开始。只预览本地应用时,先用 Desktop Browser 面板。无论选哪条路,都先用公开练习确认标签页和可见结果。

常见问题

Claude Code 能直接点击网页吗?

官方扩展集成可在获准会话中执行网页动作。

终端用什么命令?

用 claude --chrome 启动,使用 /chrome 检查或重连。

API 密钥能启用 Chrome 集成吗?

官方要求支持的直订套餐和通过 /login 登录。

桌面端 Browser 面板使用个人配置吗?

Browser 面板使用独立干净配置。

扩展会复用登录态吗?

它使用所连接浏览器的配置,并受站点和组织权限限制。

没检测到连接怎么办?

检查目标配置、扩展启用和 Claude Code 版本,再用 Reconnect extension。

下一步

让 Tabbit 与你并肩工作。

跨标签页调研、自动化重复的浏览器工作,让每一处上下文都触手可及。