Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器

在上一篇教程中,我们熟悉了 Antigravity 的“指挥中心”——Agent Manager。今天,我们要给这位指挥官装上“千里眼”和“顺风耳”,让它走出代码编辑器,直接与互联网世界互动。
这就是 Antigravity 的杀手级功能:原生浏览器集成
传统的 AI 编程助手通常只能“读”你贴给它的代码或文档,而 Antigravity 的Browser Agent却能像真人一样打开网页、点击按钮、甚至从控制台读取报错信息。
它是如何做到的?让我们来一探究竟。

不仅仅是打开链接:认识“浏览器子代理”

当你在 Antigravity 中发出一项涉及网页的任务时,主 Agent 不会亲自干脏活累活,而是会召唤一位专家——浏览器子代理 (Browser Sub-agent)。
这位“专家”与众不同:
专用模型:它运行的是一个专门针对网页交互优化的模型,这与我们平时写代码用的通用模型(如 Gemini 3 Pro)不同 。相比于通用模型侧重于代码逻辑和文本生成,这个专用模型被注入了丰富的UI 交互能力。
全能手段:它不仅能点击 (Click)、滚动 (Scroll)和输入 (Type),还能直接读取DOM 结构、捕获屏幕截图,甚至解析 Markdown和录制视频。简单来说,它不是简单的集成运行浏览器,它就是在操作浏览器。

实战演练:First Contact

我们要如何激活这个强大的功能?最简单的方法还是回到我们的“练兵场”——Playground。
我们需要先安装 Antigravity 的浏览器扩展程序。别担心,不需要复杂的配置,Agent 会引导你完成。
(1) 下达指令
在 Playground 中开启新对话,输入一个简单的指令:打开Antigravity官网。
图片[1]-Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器-极客君
(2) 智能规划
提交任务后,你会看到 Agent 开始“思考”(Thinking)。它会分析你的意图,意识到访问外网需要特殊权限,于是它会暂停并请求你的批准。
点击界面上出现的Allow Once按钮 。
图片[2]-Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器-极客君

 建立连接:安装浏览器插件

点击后,Antigravity 会尝试自动拉起你的 Chrome 浏览器,并跳转到一个本地的引导页面。
这个页面会直观地告诉你:我们需要在 Chrome 中安装一个扩展程序,作为 IDE 和浏览器之间的桥梁。
图片[3]-Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器-极客君
点击Install extension,系统会跳转到 Chrome 网上应用店。就像安装任何普通插件一样,点击“添加到 Chrome”即可 。
图片[4]-Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器-极客君

见证时刻:Agent 接管控制权

安装完成后,好戏才刚刚开始。
当你回到 Antigravity 的界面,你会发现 Agent 已经检测到了扩展程序的就位,并准备执行刚才的跳转任务。
此时,浏览器窗口中会出现一个醒目的提示条:
“Agent needs your input”(Agent 需要你的输入)。
图片[5]-Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器-极客君
而在 Antigravity 的Editor View(编辑器视图)中,屏幕被一分为二:
左侧是 Agent 的思考日志。
右侧是浏览器的实时镜像(Following Agent)。
出于安全考虑,Agent 不会随意在你的浏览器里乱跑。它会弹出一个权限请求框:
“Agent needs permission to act on antigravity.google”。
这里我们选择Always Allow (总是允许),授权它访问该域名。
这就是 Antigravity 的独特体验:随着权限的通过,你会看到 Agent 真的“驾驶”着你的浏览器,精准地输入网址并跳转到了目标页面。而在 IDE 的右侧预览窗口中,你也能同步看到网页加载成功的画面 。
图片[6]-Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器-极客君
它会读取网站页面的内容,获取信息后输出,并且还会有截图并会录制操作视频,方便查看。
图片[7]-Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器-极客君
图片[8]-Google Antigravity 上手指南 (二):打破次元壁!让 Agent 接管你的 Chrome 浏览器-极客君

总结

到这里,我们就成功打通了AntigravityChrome的任督二脉。
你可能会问:“这有什么用?我自己打开网页不是更快吗?”
想象一下这些场景:
自动化测试:让 Agent 自动打开你的本地开发环境,点击注册按钮,填写表单,并把报错的 Console Log 直接抓取回来分析。
文档查阅:写代码遇到难题,让 Agent 自己去查阅官方文档库,总结出解决方案并直接应用到代码里。
视觉验收:让 Agent 检查网页在不同分辨率下的布局是否崩坏。
今天我们只是完成了环境搭建。在接下来的文章中,我们将深入挖掘如何利用这个浏览器 Agent 来辅助实际的开发工作流。
下期预告:我们将聊聊 Google Antigravity 中一个极具“人情味”的功能——Artifacts。它能让 AI 在动工前先向你“请示”,在交付时带上“对比图”。这种透明到极致的协作方式,或许才是 AI 编程的终极形态。
关注我,不错过 Antigravity 的每一个黑科技技巧!
© 版权声明
THE END
喜欢就支持一下吧
点赞15赞赏 分享