从写代码,到创作下一幕

探索 字节跳动 - 火山方舟 的 AI 编程与视频创作活动。

Agent Plan & Coding Plan

一站体验多款热门模型,为 AI 编程与智能体开发提供更多选择。新用户可联系(微信: goo_lvyouyou)免费体验 9.9 agent plan。

Seedance 2.5

让创意,跃然成片。探索 30 秒视频、多模态参考与局部编辑,把脑海中的画面变成下一支作品。

中文

内置浏览器

浏览器

让 ChatGPT 研究网站并与之交互

ChatGPT 桌面应用

浏览器让 ChatGPT 能够打开网站、收集最新信息并执行操作, 同时由你掌控。你可以用它比较不同选项、在网站上完成多步骤任务, 或检查你正在构建的页面。

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

GPT-6 Astra 可提升需要视觉判断的任务表现,例如 根据截图检查页面,或完成跨站点工作流。 如果模型选择器中提供该模型,请选择它,并说明如何验证 最终结果。

对于受管理的桌面环境,管理员可以限制浏览器来源、 上传、下载和开发者访问权限。请参阅 受管理的浏览器控制项。

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

ChatGPT 桌面应用的内置浏览器让你和 ChatGPT 可以在聊天中 共享网站和本地 Web 应用的视图。你可以用它预览页面、 留下可视化反馈,或让 ChatGPT 代你与网站交互。

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

浏览器下载的文件默认保存到系统的“下载”文件夹。在 设置 > 浏览器 中,你可以选择其他下载位置、重置为系统 默认位置,或开启 每次下载前询问文件的保存位置。

当 ChatGPT 需要在现有的 Chrome、Edge、Brave、Opera 或 Vivaldi 标签页中 工作,或使用你的常用浏览器配置档案时,请改用浏览器扩展。

选择新建标签页,然后输入 URL 即可打开内置浏览器。你也可以 从聊天中打开 URL,或按 Cmd+T (Windows 和 Linux 上为 Ctrl+T)打开浏览器标签页。

布局标签页和聊天

选择进入完整视图 以展开当前标签页,或选择进入分屏视图 以并排显示聊天和标签页。使用 Cmd+Shift+B (Windows 和 Linux 上为 Ctrl+Shift+B)从 完整视图返回分屏视图,或在聊天旁显示或隐藏标签页。

从地址栏搜索

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

内置浏览器拥有自己的浏览器配置档案和浏览历史记录。结果不会 自动包含你常用 Chrome 浏览器配置档案或其他浏览器中的页面。

管理浏览历史记录

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

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

浏览器中的 Computer Use

在桌面应用中,Computer Use 可让 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 无法在内置浏览器中自动执行文件上传。

预览页面

  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 中的 Computer Use 和内置浏览器配合使用。它 为 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.