桌面版 Claude Code 新增應用內瀏覽器，可用於 AI 調試網頁等

Anthropic 旗下官方帳號 @ClaudeDevs 於 7 月 11 日在 X 平台發文宣布，桌面版 Claude Code 已正式新增內置瀏覽器功能。這項更新讓開發者可以在應用程式內部直接讀取、點擊並與網頁進行互動，進一步強化了程式碼開發與調試過程中的視覺化與測試能力。 根據 Anthropic 官方文檔說明，用戶可在 Claude Code 中啟用「瀏覽器面板」（Browser pane），該面板採用獨立且乾淨的瀏覽器配置文件，與用戶個人常用的瀏覽器完全隔離。這意味著內置瀏覽器不會共享用戶已保存的登入狀態，也不會讀取或記錄個人瀏覽歷史，確保開發環境的純淨與安全性。 這項設計主要是為了滿足開發者在建構與測試應用程式時的需求。當工程師需要快速預覽前端頁面、查看設計稿、或驗證網頁在特定操作下的行為時，可以直接在 Claude Code 內部完成，無需切換到外部瀏覽器，大幅提升工作效率。Anthropic 也特別指出，內置瀏覽器最適合用來訪問那些無需身份驗證即可存取的網站，例如公開文檔、靜態頁面或測試環境。 不過，如果用戶需要與頁面進行深度對話、或進行需要登入的複雜網頁操作，Anthropic 仍建議使用其 Chrome 擴充功能來獲得更好的體驗。換句話說，內置瀏覽器並非用來取代完整的瀏覽器，而是作為開發場景中的輔助工具，讓 AI 程式碼助手能夠更直觀地與目標網頁互動。 Claude Code 是 Anthropic 專為桌面端開發與調試場景所設計的代碼相關工具。它支援在應用程式中直接訪問網頁、讀取頁面內容，並執行點擊等基礎交互動作。開發者可以利用這項功能查看 API 文檔、對照設計稿進行程式碼調整，或者快速測試網頁行為是否符合預期，從而減少在不同工具之間來回切換的繁瑣。 從實務角度來看，內置瀏覽器為 AI 輔助開發帶來了新的可能性。過去，開發者若要讓 AI 理解某個網頁的結構或內容，往往需要手動擷取文字或螢幕截圖再提供給模型；現在，Claude Code 可以直接在應用內部渲染網頁，並讓 AI 程式碼助手「看到」頁面實際呈現的樣子，進而給出更精準的建議或修正。 此外，由於瀏覽器面板使用獨立的設定檔，開發者不必擔心測試過程中的 cookie 或暫存資料會汙染個人瀏覽環境，也避免了因為登入狀態衝突而導致的測試誤差。對於需要頻繁驗證不同環境下網頁表現的工程師來說，這項隔離機制尤其實用。 Anthropic 官方也釋出了示範影片，展示內置瀏覽器如何與 Claude Code 配合運作。從影片中可以看到，開發者可以直接在應用內輸入網址，頁面隨即載入，並能透過自然語言指令要求 AI 點擊特定按鈕或讀取區塊內容，整個流程相當流暢。 隨著人工智慧程式碼助手日益普及，開發者對於工具整合度的要求也越來越高。Claude Code 此次新增內置瀏覽器，不僅補足了過去只能處理文字或程式碼的缺口，也讓 AI 能夠真正參與到前端開發與網頁測試的完整環節中，進一步縮減開發與測試之間的循環時間。 值得注意的是，這項功能目前聚焦在桌面版 Claude Code，與先前 Anthropic 推出的 Chrome 擴充功能形成互補。Chrome 擴充更適合日常瀏覽網頁時隨時呼出 AI 輔助，而桌面版內置瀏覽器則專注於開發場景，兩者定位明確，滿足不同使用情境的需求。 整體而言，桌面版 Claude Code 新增內置瀏覽器是一項務實且具針對性的升級。對於依賴 AI 輔助進行程式碼開發、除錯與網頁行為驗證的團隊而言，這項功能有望提升工作流程的連貫性，減少環境切換所帶來的效率損耗。Anthropic 後續是否會進一步擴充瀏覽器面板的功能，例如支援更複雜的網頁互動或登入狀態管理，值得持續關注。