@OpenAIDevs：OpenAI Developers 推出 Codex 開發者模式實現網頁偵錯。 核心功能與應用 OpenAI 此次更新為「Codex」的瀏覽器使用功能（…

OpenAI Developers 推出 Codex 開發者模式實現網頁偵錯。 核心功能與應用 OpenAI 此次更新為「Codex」的瀏覽器使用功能（Browser use）引入了「開發者模式」，旨在提升 AI 在網頁開發與除錯過程中的技術深度。透過整合 Chrome DevTools Protocol (CDP)，Codex 現在能執行更細緻的技術診斷，具體能力包括： 效能分析：擷取基準追蹤資料並分析 JavaScript 執行效能。 網路監控：檢查網路流量、請求狀態、持續時間（durationMs）及編碼大小（encodedKB）。 狀態檢視：檢查主控台紀錄（Console logs）、執行階段錯誤、本機儲存（Local storage）以及 DOM 與套用的樣式。 啟用與操作流程 若要啟用此功能，使用者需依照下列步驟進行設定： 開啟 Codex 應用程式，進入 Settings > Browser（或點擊 設定頁面）。 在「Developer mode」區塊下，將「Enable full CDP access」選項開啟。 若要針對 Chrome 瀏覽器進行操作，需先安裝 Codex Chrome extension 並在對話中呼叫 @Chrome。 講者介紹如何透過啟用「開發者模式」中的「完整 CDP 存取權」，讓該 AI 程式開發工具能更深入地偵錯與測試網頁應用程式。 安全與使用限制 由於完整 CDP 存取權涉及敏感的瀏覽器內部資訊，OpenAI 採取了嚴格的安全控管措施： 權限審核：Codex 在使用完整 CDP 存取特定網站前，會強制要求使用者進行明確授權，使用者需審核網站名稱、任務內容及請求的存取權限。 組織限制：若所屬組織已停用此設定，使用者將無法在本地端啟用。 內建瀏覽器限制：Codex 的「應用程式內瀏覽器（In-app browser）」不支援登入流程、Cookie、擴充功能或使用者既有的瀏覽器設定檔，僅適用於無需登入的頁面。官方特別提醒，請勿將機密資訊貼入瀏覽器流程中，並應將網頁內容視為不受信任的環境。 實際開發場景 透過此模式，開發者可以利用自然語言指令，例如：「This app is slow. Use @Browser to capture a performance trace and inspect network traffic, then identify the bottleneck.」，讓 AI 自動執行效能追蹤並識別瓶頸。在實際演示中，系統能自動分析重複的 API 請求並以 JSON 格式呈現數據，協助開發者快速定位並優化應用程式的載入速度。講者介紹如何透過啟用「開發者模式」中的「完整 CDP 存取權」，讓該 AI 程式開發工具能更深入地偵錯與測試網頁應用程式。 影片中的 Prompt 與操作：Prompt（00:45）： 你好原文：HelloPrompt（01:52）： 你好，這原文：Hello this操作步驟： 1. （00:25）點擊「Developer mode」下的開關以啟用「Enable full CDP access」。 2. （00:35）點擊彈出視窗中的「Allow」按鈕授權 CDP 存取。 3. （00:38）點擊瀏覽器左上角的「Reload page」按鈕。 4. （00:45）在對話框輸入「Hello」並送出。 5. （00:57）點擊「Extract baseline trace data」以檢視網路追蹤數據。 6. （01:52）在對話框輸入「Hello this」並送出。原文：https://easyvibecoding.app/curated/1935