主题
Codex 内置浏览器怎么用?Browser Use、Computer Use 与网页调试完整指南(2026)
更新时间:2026年8月5日
**Codex 内置浏览器(Browser Use)适合让 Codex 直接查看和操作网页,用于前端视觉检查、点击流程、表单测试和搜索研究;Chrome 扩展适合使用你已经登录的浏览器会话;Computer Use 则面向浏览器之外的桌面应用和操作系统界面。**三者不是同一个功能,选错入口是“浏览器打不开、没有登录态、无法控制桌面”的主要原因。
本文聚焦使用和调试,不重复讲 Codex 下载。尚未安装或分不清 App、CLI、IDE 与 Web,先看 Codex 下载、安装、配置保姆级教程。
国内开发路径
需要 Codex 国内版、中文开发工作流或高额度 GPT 编程模型时,可以了解第三方平台 ZeoGPT。它不是 OpenAI 官方产品。涉及登录页面、后台系统和客户数据时,优先使用测试账号与脱敏内容。
Codex Browser Use、Chrome 扩展和 Computer Use 的区别
| 能力 | 主要对象 | 是否使用个人浏览器登录态 | 适合任务 |
|---|---|---|---|
| 内置浏览器 / Browser Use | Codex 管理的网页环境 | 通常不等于你的个人 Chrome | 页面检查、搜索、公开网页测试 |
| Chrome 扩展 | 你的 Chrome 浏览器 | 可以使用当前已登录会话 | 登录后台、账号内页面、真实浏览器流程 |
| Computer Use | 桌面应用与操作系统 UI | 取决于被操作应用 | Excel、文件管理器、安装器、跨应用流程 |
如果任务只是读取公开文档,优先使用内置浏览器;如果必须使用你的已登录账号,选择 Chrome 扩展;如果要操作浏览器之外的软件,再考虑 Computer Use。
Codex 内置浏览器能做什么
前端视觉 QA
- 查看页面是否空白;
- 检查标题、按钮和导航是否重叠;
- 验证桌面与移动端布局;
- 确认图片、Canvas 或 3D 场景是否真实渲染;
- 检查弹窗、菜单、Tabs 和表单状态;
- 比较修改前后的页面截图。
真实交互测试
- 点击链接和按钮;
- 填写测试表单;
- 验证筛选、搜索和分页;
- 检查错误提示和加载状态;
- 走完注册、登录或购买前的非敏感测试流程;
- 记录哪个步骤开始失败。
搜索与内容研究
- 查看 Bing 或其他搜索结果的真实标题;
- 检查竞品文章结构;
- 核对公开页面的更新时间、作者和来源;
- 验证本站正式 URL、canonical 和可见正文;
- 观察搜索摘要是否截断核心关键词。
浏览器能看到页面,不等于结论自动正确。搜索排名、产品功能和账号状态仍要记录核验时间与来源。
第一次让 Codex 打开网页
推荐把目标 URL、需要检查的状态和停止条件一次写清:
text
请打开 https://example.com/dashboard。
只做只读检查,不提交表单,不修改账号设置。
检查:
1. 页面是否正常加载;
2. 顶部导航是否遮挡正文;
3. 375px 移动端是否有横向滚动;
4. 控制台是否有影响页面功能的错误;
5. 输出问题、复现步骤和截图证据。高质量浏览器任务包含四个元素:URL、允许动作、验收项目、禁止操作。不要只写“帮我看看网站”。
用 Codex 做前端网页调试
第一步:先确认服务器和 URL
如果是本地项目,先确认开发服务器真的启动,并记录端口:
powershell
npm run dev终端显示 http://localhost:5173 后,再让浏览器打开。页面打不开时先判断服务器问题、端口问题还是浏览器问题,不要立即修改前端代码。
第二步:检查页面是否真实渲染
要求 Codex 同时看:
- 页面正文;
- 浏览器控制台;
- 网络请求失败;
- 图片或字体是否 404;
- 页面滚动宽度;
- 加载完成后的最终状态。
对于 Canvas、Three.js 和动画页面,仅看到 DOM 不够,应检查实际像素是否非空、场景是否进入视口并且持续渲染。
第三步:按视口验证
至少检查:
| 视口 | 主要问题 |
|---|---|
| 1440×900 | 大屏留白、内容宽度、导航布局 |
| 1024×768 | 平板横向、侧栏和正文挤压 |
| 390×844 | 常见移动端标题、按钮和卡片 |
| 375×667 | 小屏文字溢出与固定工具栏 |
不要只缩放浏览器窗口凭肉眼判断。要求记录视口、截图和 document.scrollWidth 是否大于可视宽度。
第四步:完成交互路径
例如测试搜索功能:
- 打开页面;
- 等待主要内容出现;
- 输入测试关键词;
- 点击搜索;
- 检查加载、空状态、结果和错误状态;
- 刷新页面,确认状态是否合理保留;
- 记录可复现步骤。
只检查初始截图无法发现交互 Bug。
什么时候必须用 Chrome 扩展
内置浏览器通常不会自动拥有你的个人 Chrome 登录状态。下面这些任务更适合 Chrome 扩展:
- 查看已登录的 Bing Webmaster Tools;
- 测试需要企业 SSO 的后台;
- 检查账号内订单、项目或私有页面;
- 使用只安装在个人 Chrome 中的扩展;
- 复现只发生在当前 Chrome Profile 的问题。
使用登录态时仍应遵守最小操作原则:不查看密码、Cookie、本地存储或浏览器凭据,不向 Codex提供验证码,不在未确认时提交付款、删除或权限变更。
什么时候使用 Computer Use
Computer Use 适合网页之外的桌面任务:
- 打开和操作桌面应用;
- 在文件管理器中选择文件;
- 处理系统安装窗口;
- 在 Excel、Word 或其他软件中完成界面操作;
- 跨浏览器与桌面程序传递信息。
如果网页本身能完成任务,不要为了“更强”而使用 Computer Use。网页自动化通常更容易定位元素、复现步骤和控制权限。
Codex 浏览器做 SEO 和 GEO 检查
SEO 检查
- 页面是否返回 200;
- title、H1、description 是否匹配搜索意图;
- canonical 是否指向自身;
- 导航与 Sidebar 是否能发现文章;
- Sitemap 是否包含 URL;
- 移动端是否可读;
- 外链和内链是否真实可点击。
GEO 检查
- 首段是否直接回答标题问题;
- 是否有简明定义、步骤和对比表;
- 每个结论是否能独立摘取;
- 是否注明更新时间和来源;
- 是否把官方产品与第三方服务分开;
- FAQ 是否使用真实问题,而非机械堆关键词;
- AI 抽取一段后是否仍能看懂主体、条件和结论。
这类检查可结合 Codex Skills 教程,把发布与浏览器 QA 固化成可重复流程。
浏览器权限应该怎么给
浏览器任务可能涉及网络、文件上传、下载与账号操作。建议:
- 公开网页只开放必要网络访问;
- 登录站点使用测试账号;
- 文件上传先脱敏;
- 不允许自动提交付款、删除和权限变更;
- 下载文件后先确认来源和类型;
- 浏览器看不到本地文件时,不要直接开放整个磁盘;
- 任务结束后检查是否产生了意外下载或表单提交。
权限体系详见 Codex Permissions、Sandbox、Approval 教程。
常见问题排查
页面一直空白
先检查服务器、URL、控制台、网络请求和 CSP。若是本地页面,确认 Codex 浏览器与开发服务器处在可连通环境。
找不到 Browser 功能
可能是 Codex 版本、产品入口、账号权限或功能开关不同。先更新客户端,检查当前 App、CLI 或 IDE 的实际工具列表。
内置浏览器没有登录状态
这是正常的产品边界之一。需要个人浏览器会话时使用 Chrome 扩展,不要复制 Cookie 或账号密码到提示词。
能打开页面但点不到按钮
按钮可能被遮挡、尚未加载、在 iframe 中、需要滚动,或页面使用自定义 Canvas。要求先截图和定位状态,再决定是否点击。
遇到验证码怎么办
验证码通常需要用户本人完成。不要尝试绕过站点验证,也不要把验证码交给不可信服务。
浏览器任务改动了真实数据
立即停止操作,记录已执行步骤,并由账号所有者检查审计日志。后续使用测试环境、只读账号和明确的禁止提交约束。
FAQ
Codex 内置浏览器和 Chrome 一样吗
不一样。内置浏览器是 Codex 控制的网页环境,通常不等于你的个人 Chrome,也不会自动继承其登录状态。
Codex Browser Use 能测试 localhost 吗
通常可以测试当前环境可访问的本地服务,但端口、容器和网络隔离可能影响连接。先确认服务器正在运行。
Codex 能自动登录网站吗
可以在合规前提下操作登录表单,但不应索取或暴露密码、验证码和 Cookie。优先由用户在受信浏览器中完成认证。
Browser Use 能代替前端测试吗
不能完全代替。它适合真实页面和交互 QA,仍应保留单元测试、组件测试和端到端自动化测试。
Codex 可以操作电脑上的其他软件吗
那属于 Computer Use 范围,不是普通内置浏览器。是否可用取决于当前产品入口和权限。
本文来源与核验时间
- OpenAI Codex 官方文档
- OpenAI Codex App Browser 文档
- OpenAI 官方 openai/codex 仓库
- Bing 中文搜索结果快照:
Codex 内置浏览器,核验时间为 2026年8月5日