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 能在對話中共同查看 網站和本機網頁應用程式。您可以藉此預覽頁面、直接在畫面上提供意見回饋, 或讓 ChatGPT 代表您與網站互動。

內建瀏覽器使用獨立的瀏覽器設定檔,與您平常使用的瀏覽器分開。 它不會自動共用您現有的分頁或瀏覽器工作階段。 任務需要帳戶時,您可以直接登入。開啟 設定 > 瀏覽器 ,即可管理瀏覽器資料, 以及您裝置上可用的設定檔匯入功能。

瀏覽器下載的檔案預設會儲存至系統的「下載項目」資料夾。在 設定 > 瀏覽器中,您可以選擇其他下載位置、重設為系統預設位置, 或開啟 詢問下載檔案的儲存位置

當 ChatGPT 需要操作現有的 Chrome、Edge、Brave、Opera 或 Vivaldi 分頁, 或使用您平常的瀏覽器設定檔時, 請改用瀏覽器擴充功能

您可以從工具列開啟內建瀏覽器,也可以按一下 URL、手動前往網頁, 或按下 Cmd+Shift+B (Windows 上為 Ctrl+Shift+B)。

從網址列搜尋

在內建瀏覽器的網址列輸入文字,即可從其瀏覽記錄中尋找頁面。 選取相符的頁面即可重新開啟;若瀏覽記錄沒有相符結果, 則可輸入搜尋字詞來搜尋 Google。

內建瀏覽器擁有獨立的設定檔和瀏覽記錄。搜尋結果不會 自動包含您平常使用的 Chrome 設定檔或其他瀏覽器中的頁面。

管理瀏覽記錄

開啟 設定 > 瀏覽器 ,即可搜尋內建瀏覽器的瀏覽記錄、重新開啟造訪過的頁面, 或在貴組織允許時移除瀏覽記錄項目。 使用清除瀏覽資料 ,可選擇時間範圍, 以及要移除的瀏覽資料類型。

如果支援這項功能,ChatGPT 可要求搜尋您的瀏覽記錄,以找出 與目前任務相關的頁面。允許存取前,請先審查要求。 瀏覽記錄可能包含內部 URL、搜尋字詞及其他敏感資訊, 因此請只在任務需要這類上下文時允許存取。

在瀏覽器中使用電腦功能

在桌面 App 中,電腦功能可讓 ChatGPT Work 或 Codex 直接操作內建瀏覽器。 您選用的服務可以開啟頁面、點按、輸入文字、 檢查頁面的呈現狀態、擷取螢幕畫面, 並在頁面中驗證執行成果。

瀏覽器隨附於桌面 App,並會自動安裝。 請 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 提供更細緻的樣式意見回饋。 您可以修改字型、文字、間距和顏色等設定值,在頁面上預覽結果, 再傳送註解,讓 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.