Claude Desktop 新增內建瀏覽器讓使用者操作外部網站。 Claude Desktop 應用程式近期更新，正式在「Code」分頁中整合了瀏覽器功能。這項改進讓 Claude 不僅能讀取文件、設計稿或各類網站資訊，還能像操作本地開發伺服器一樣，直接點擊、閱讀並與網頁內容互動，甚至能觀看如 FIFA 世界盃等即時內容。這段影片展示了 Claude Code 如何協助開發者自動化修復網站結帳頁面的運送選項顯示問題。瀏覽器功能與安全性操作方式：使用者可透過快捷鍵 Cmd+Shift+B (macOS) 或 Ctrl+Shift+B (Windows) 開啟瀏覽器面板。安全機制：為了確保操作安全，該功能具備安全分類器（Safety classifiers）會審查寫入動作；只有動作被標記時，才會要求使用者核准（Allow once / Always allow / Deny）。管理控制：組織管理員可透過設定 browserExternalPageTools 或使用網站允許與封鎖清單（site allowlist and blocklist controls）來限制外部瀏覽功能的存取權限。 Claude Desktop 核心開發環境 Claude Desktop 應用程式提供三個主要分頁：Chat（對話）、Cowork（針對 Dispatch 與長時程代理任務）以及 Code（軟體開發）。在 Code 分頁中，每個對話皆為獨立的 session，擁有各自的歷史紀錄、專案資料夾與程式碼變更。權限模式： - Manual（預設）：編輯或執行指令前需經使用者確認。 - Accept edits：自動接受檔案編輯與基礎檔案系統指令。 - Plan：僅規劃而不編輯程式碼。 - Auto：執行背景安全檢查，減少權限提示。 - Bypass permissions：跳過權限提示，建議僅在沙盒環境使用。電腦使用（Computer Use）：允許 Claude 控制滑鼠、鍵盤與螢幕，適用於測試原生 App 或 GUI 自動化。此功能需在 Settings > General 中手動啟用，且 macOS 使用者需額外授權「輔助使用」與「螢幕錄製」。進階工作流與配置持久化任務：針對大型重構或測試套件等長時間任務，建議選擇 Remote session，該 session 執行於 Anthropic 的雲端基礎設施，即使關閉應用程式或電腦仍會持續執行。環境設定：開發伺服器設定儲存於 ` .claude/launch.json ，支援定義 runtimeExecutable 或 program`。若需設定環境變數，可於提示框的環境下拉選單中進入編輯器，變數將加密儲存於本機。 SSH 連線：使用者可透過環境下拉選單選擇 + Add SSH connection，輸入名稱、SSH Host、Port 與 Identity File 等資訊，以便在遠端機器上執行 Claude Code。企業級管理與部署管理設定：企業版可透過 admin settings console 控制 Claude Code 存取權、Web sessions、Remote Control 及 Bypass permissions mode。部署工具：桌面版應用程式可透過 macOS 的 MDM（如 Jamf、Kandji）或 Windows 的群組原則管理。設定共享：Desktop 與 CLI 讀取相同的設定檔，包括專案中的 CLAUDE.md、~/.claude.json 以及 MCP servers 設定。疑難排解建議若遇到應用程式無回應或錯誤，建議採取以下步驟：檢查更新：確保應用程式為最新版本。重啟環境：完全關閉應用程式（非僅關閉視窗）後重新啟動。檢查依賴：Windows 使用者若遇到本地 session 無法啟動，請確認已安裝 Git for Windows 並重啟應用程式。日誌檢查：macOS 使用者請檢查 Console.app，Windows 使用者請檢查「事件檢視器」中的「Windows 記錄」與「應用程式」。詳細文件與下載資訊可參考 Claude Code 文件。

這段影片展示了 Claude Code 如何協助開發者自動化修復網站結帳頁面的運送選項顯示問題。影片中的 Prompt 與操作：

Prompt（00:00）：我們的運送步驟感覺不太對。研究一下好的結帳頁面是如何處理的，然後修復我們的。

原文：Our shipping step feels off. Research how the good checkouts handle it, then fix ours.

操作步驟： 1. （00:00）輸入指令並開始研究問題 2. （00:05）啟動開發伺服器 3. （00:07）開啟瀏覽器查看頁面 4. （00:12）搜尋並閱讀結帳模式文件 5. （00:18）填寫表單進行測試 6. （00:24）應用程式碼修改 7. （00:28）編輯 `shipping.tsx` 檔案 8. （00:30）重新載入頁面並驗證結果

原文：https://easyvibecoding.app/curated/2448

Claude Desktop 新增內建瀏覽器讓使用者操作外部網站

EasyVibeCoding Podcast

Claude Desktop 新增內建瀏覽器讓使用者操作外部網站