两种让Antigravity IDE 可以访问页面的方法

Antigravity IDE 提供两种主要方式让 AI 访问和控制网页：直接配置浏览器路径（executablePath）和通过 MCP（Model Context Protocol）协议。

其他的网页访问

其实它还有其他的访问方式, 比如 open_browser_url 或者调用环境中的 playwright等. 但这里更倾向于让Antigravity直接调用已经存在的chrome实例(优于playwright) , 且能完全的看到动态页面 (优于 open_browser_url 方法)

两种方式的核心区别

特性	executablePath	MCP (Chrome DevTools)
控制主体	用户手动控制	AI 代理自动控制
AI 能力	只能写代码	可看页面、点击、执行脚本
交互方式	传统断点调试	自然语言对话调试
数据访问	AI 看不到运行时状态	AI 可读 DOM/日志/网络
启动方式	IDE 自动启动浏览器	需手动启动带调试端口的 Chrome
适用场景	个人调试	AI 自动化测试/修复

所以, 仅需本地调试用 executablePath；要 AI 自主修 Bug/测试用 MCP。

方式一：executablePath 配置

设置齿轮, 并打开 open settings (json): settings.json 指定 Chrome 可执行文件路径和启动参数，让 AI 启动特定浏览器实例进行调试。

相关设置通常在 antigravity.browser 的字段中, 如:

{
    "antigravity.browser.executablePath": "D:\\path\\chromium\\bin\\chrome.exe",
    "antigravity.browser.args": [
        "--window-size=1080,960",
        "--flag-switches-begin",
        "--user-data-dir=..\\antigravity",
        "--flag-switches-end"
    ]
}

注意:
- 反斜杠 \ 需要进行双重转义（即用 \\ 表示一个实际的路径分隔符）。
- 在设置中设置chrome, 默认会运行在一个隔离的浏览器配置文件中以保护隐私。如果你指定了 --user-data-dir，它将强制使用你指定的目录。
- 验证结果：配置完成后，点击编辑器右上角的 Chrome 图标启动浏览器.

方式二：MCP (Chrome DevTools MCP)

配置 mcpServers，让 AI 代理连接已运行的 Chrome 实例（需开启远程调试端口 9222）。

步骤:
- 在 Antigravity 右侧的 Agent 面板点击 “…” -> Manage MCP Servers -> View raw config。
- 在 mcpServers 中添加如下内容（注意：MCP 需要 Chrome 开启远程调试端口 9222）:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest",
        "--browser-url=http://127.0.0.1:9222" 
      ]
    }
  }
}

在 Manage MCP Servers 点击刷新按钮. 稍等片刻, 就会出现: chrome-devtools工具集. 默认有26个工具.

注意:
- 在使用 MCP 之前，你需要手动或通过脚本启动你的 Chrome 实例，并确保参数中包含 --remote-debugging-port=9222
- MCP 不负责启动：通常 mcp 倾向于连接已有的实例，而不是从头启动一个带复杂参数的新实例。
- Antigravity限制mcp server总共能有100个工具曝露给agent.

验证结果

在 Antigravity 的 AI 聊天面板（Chat Panel）中用自然语言和agent对话:

请调用mcp的chrome-devtools(或者MCP Tool:chrome-devtools)连接浏览器，访问 google.com，在搜索框输入 'example' 并搜索。等待结果加载后，点击第一个搜索结果，然后告诉我当前页面的 Title 是什么。

会看到agent会一通思考操作, 最终给你答案:

操作流程
- 启动浏览器：访问了 google.com。
- 处理隐私弹窗：点击了“Accept all”以继续访问搜索页面。
- 执行搜索：在搜索框输入了 example 并提交。
- 点击搜索结果：在结果页面中找到了第一个主要搜索结果（指向维基百科关于英国艺人 Example 的页面）并点击进入。
- 获取页面标题：等待页面加载后提取了当前页面的 Title。

结果
- 当前页面的标题（Title）是： "Example (musician) - Wikipedia"