Codex 浏览器操作：让 AI 帮你看网页、点按钮、查 Bug

一句话理解

Codex 能像人一样操作浏览器：打开网页、点击按钮、填写表单、截图检查。相当于你多了一个能看屏幕的助手。

两种浏览器，怎么选？

	内置浏览器 🖥️	外部浏览器 🌐
是什么	Codex 自带的浏览器	你电脑上的 Chrome 等
需要安装	❌ 不用	✅ 要装扩展
能访问	localhost、本地文件	任何网站，包括已登录的
适合	本地开发预览、UI 调试	线上测试、复杂交互
一句话	开发时用这个	测试时用这个

内置浏览器：开发必备

怎么用

直接跟 Codex 说就行，无需任何配置：

用内置浏览器打开 http://localhost:3000，看看首页效果

最常用的场景

场景	你跟 Codex 说
改完前端看效果	打开 localhost:3000，截图看看导航栏
检查移动端适配	打开首页，检查手机端布局是否正常
找 UI Bug	打开首页，看看有没有元素重叠或文字溢出
验证交互	点击提交按钮，看看有没有报错

外部浏览器：测试利器

第1步：安装扩展

按 Codex 提示，给你的浏览器安装对应扩展程序。

第2步：使用

打开 Chrome，访问 http://localhost:3000，截图看看首页效果

在浏览器中点击"登录"按钮，输入测试账号，检查登录流程

最常用的场景

场景	你跟 Codex 说
测试线上网站	打开 https://example.com，检查首页加载
测试已登录功能	在浏览器中打开用户中心，看看数据是否正常
跨域操作	从页面 A 跳转到页面 B，检查跳转逻辑
复杂表单测试	填写注册表单，提交后检查是否成功

实战示例

示例1：改完代码立刻验证

你：我刚改了导航栏的样式，帮我看看效果
Codex：[打开内置浏览器] [截图] 导航栏已正常显示，但移动端菜单按钮位置偏右
你：把菜单按钮往左移 20px
Codex：[修改代码] [刷新页面] [截图] 已调整，现在居中了 ✅

示例2：自动化测试流程

打开 http://localhost:3000，
点击"注册"按钮，
填写表单（用户名 test123，邮箱 test@example.com），
提交后检查是否跳转到成功页面

示例3：视觉检查

截图当前首页，检查：
1. 导航栏是否完整
2. 图片是否加载
3. 移动端布局是否正常
4. 有没有空白区域

注意事项

✅ 推荐	❌ 避免
本地开发用内置浏览器	在正式环境执行破坏性操作
截图验证 UI 改动	让 AI 在生产环境批量提交数据
先本地测试再上线	跳过本地直接测线上