For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
主导航

浏览器

让 ChatGPT 调研网站并与之交互

浏览器可让 ChatGPT 打开网站、收集最新信息并执行操作,而您始终拥有控制权。您可以使用浏览器比较选项、在网站上完成多步骤任务,或审查正在构建的页面。

网页版 ChatGPT 和 ChatGPT 桌面应用均提供浏览器功能。

请将页面内容视为不可信的上下文。在分享敏感信息或允许 ChatGPT 执行操作前,请先审查相应网站和拟执行的操作。

ChatGPT 桌面应用中的内置浏览器可让您与 ChatGPT 在聊天中共同查看网站和本地 Web 应用。您可以使用它预览页面、提供视觉反馈,或让 ChatGPT 代您与网站交互。

内置浏览器使用的浏览器配置方案独立于您常用的 浏览器。它不会自动共享您现有的标签页或浏览器会话。 任务需要账户时,您可以直接登录。打开 设置 > 浏览器 ,即可管理浏览器数据以及您设备上 可用的配置方案导入功能。

浏览器下载的文件默认保存在系统的“下载”文件夹中。在 设置 > 浏览器中,您可以选择其他下载位置、将下载位置恢复为系统默认位置, 或开启 询问下载文件的保存位置

当 ChatGPT 需要在现有的 Chrome、Edge、Brave、Opera 或 Vivaldi 标签页中操作, 或使用您常用的浏览器配置方案时, 请改用浏览器扩展程序

您可以从工具栏打开内置浏览器,也可以点击 URL、手动导航, 或按 Cmd+Shift+B (在 Windows 上为 Ctrl+Shift+B)。

通过地址栏搜索

在内置浏览器的地址栏中输入内容,即可从其浏览历史记录中查找页面。选择匹配的页面即可重新打开;如果历史记录中没有匹配结果,可以输入搜索词,在 Google 上搜索。

内置浏览器保留自己的配置方案和浏览历史记录。搜索结果不会自动包含您常用的 Chrome 配置方案或其他浏览器中的页面。

管理浏览历史记录

打开 设置 > 浏览器 ,即可搜索内置浏览器的历史记录、 重新打开已访问的页面,或在您的组织允许时删除历史记录条目。使用 清除浏览数据 ,选择时间范围以及 要删除的浏览数据类型。

如果该功能可用,ChatGPT 可以请求搜索您的浏览历史记录,以查找与当前任务相关的页面。允许访问前,请先审查请求。浏览历史记录可能包含内部 URL、搜索词和其他敏感信息,因此请仅在任务需要此类上下文时允许访问。

浏览器中的计算机使用

在桌面应用中,计算机使用功能让 ChatGPT Work 或 Codex 能够直接操作内置浏览器。您选择的产品可以打开页面、点击、输入、检查渲染状态、截取屏幕截图,并在页面中验证操作结果。

浏览器随桌面应用提供,并会自动安装。 请让 ChatGPT 或 Codex 在任务中使用内置浏览器, 或通过 @Browser 直接引用它。

例如:

Use the browser to open http://localhost:3000/settings, reproduce the layout
bug, and fix only the overflowing controls.

除非您已允许某个网站,否则 ChatGPT 在使用该网站前会先征求您的许可。 您可以在 设置 > 浏览器中管理允许和屏蔽的网站。 ChatGPT 还会在提交信息、购买、 更改权限或删除数据等敏感操作前请求确认。 ChatGPT 无法在内置浏览器中自动上传文件。

页面上的指令可能具有误导性或恶意。网站权限允许 ChatGPT 与该网站交互,但不代表网站内容可信,也不意味着所有操作都已获批。

预览页面

  1. 集成终端中或通过本地环境操作启动您应用的开发服务器。
  2. 点击 URL,或在浏览器中手动导航,打开本地路由、基于文件的页面或公开页面。
  3. 对照代码差异审查页面的渲染状态。
  4. 在需要修改的元素或区域上添加浏览器评论。
  5. 让 ChatGPT 处理这些评论,并保持较小的任务范围。

例如:

I left comments on the pricing page in the built-in browser. Address the mobile
layout issues and keep the card structure unchanged.

在页面上添加评论

如果某个错误只有在渲染后的页面中才可见,请使用浏览器评论向 ChatGPT 提供准确反馈。

  1. 开启 批注模式
  2. 点击某个元素,或拖动以选择一个区域。
  3. 撰写并保存您的评论。
  4. 在聊天中发送消息,让 ChatGPT 处理这些评论。

在评论中明确说明问题和期望结果,效果最佳:

This button overflows on mobile. Keep the label on one line if it fits,
otherwise wrap it without changing the card height.
This tooltip covers the data point under the cursor. Reposition the tooltip so
it stays inside the chart bounds.

样式反馈

为页面中的某个区域添加批注时,请选择文本输入框旁的 调整 , 向 ChatGPT 提供更细致的样式反馈。 您可以修改字体、文本、间距和颜色等属性,在页面上预览效果, 然后发送目标更明确的批注。

限定浏览器任务的范围

确保每项浏览器任务的范围足够小,以便一次完成审查。

  • 明确指出页面、路由或 URL。
  • 明确指出您关注的状态,例如加载中、空状态、错误或成功。
  • 在需要修改的具体元素或区域上添加评论。
  • ChatGPT 完成后,再次审查页面。
  • 请让 ChatGPT 在打开本地页面前,先启动或检查开发服务器。

对于代码仓库中的变更,请使用审查窗格 检查这些变更并添加评论。

开发者模式

开发者模式可以配合 Chrome 和内置浏览器中的计算机使用功能使用,让 ChatGPT 以受控方式访问 Chrome DevTools Protocol(CDP)。使用它可以分析 JavaScript 性能、检查控制台输出和网络流量、查看 DOM 及已应用的样式,或在运行中的浏览器里诊断问题。

要启用此功能,请打开设置 > 浏览器, 在 开发者模式下开启 启用完整 CDP 访问权限。 如果您的组织已禁用此设置,您就无法在本地启用它。 管理员可以在 requirements.toml[features] 下 设置 browser_use_full_cdp_access = false, 以禁用完整 CDP 访问权限,并阻止用户 在 ChatGPT 桌面应用中启用相应设置。

完整 CDP 访问权限可能暴露浏览器内部的敏感信息。ChatGPT 在使用完整 CDP 检查网站前,会请求明确审批。审批前,请先审查网站、任务以及请求的访问权限。

使用 @Browser 调用内置浏览器。要在 Chrome 中使用开发者模式, 请设置 Chrome 扩展程序,并调用 @Chrome

例如:

This app is slow. Use @Browser to capture a performance trace and inspect
network traffic, then identify the bottleneck.