從寫程式碼,到創作下一幕

探索 字節跳動 - 火山方舟 的 AI 程式設計與影片創作活動。

Agent Plan & Coding Plan

一站體驗多款熱門模型,為 AI 程式設計與智能體開發提供更多選擇。新使用者可聯絡(微信: goo_lvyouyou)免費體驗 9.9 agent plan。

Seedance 2.5

讓創意,躍然成片。探索 30 秒影片、多模態參考與局部編輯,把腦海中的畫面變成下一支作品。

繁體中文

瀏覽器

瀏覽器

讓 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 無法 在內建瀏覽器中自動上傳檔案。

預覽頁面

  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.