# 策展 · X (Twitter) 🔥🔥🔥🔥 > 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt) > 作者：cat (@_catwu) · 平台：X (Twitter) · 日期：2026-07-11 > 原始來源：https://x.com/_catwu/status/2075647324790112304 ## 中文摘要 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](https://claude.ai/admin-settings/claude-code) 控制 Claude Code 存取權、Web sessions、Remote Control 及 Bypass permissions mode。 - **部署工具**：桌面版應用程式可透過 macOS 的 MDM（如 Jamf、Kandji）或 Windows 的群組原則管理。 - **設定共享**：Desktop 與 CLI 讀取相同的設定檔，包括專案中的 `CLAUDE.md`、`~/.claude.json` 以及 MCP servers 設定。 **疑難排解建議** 若遇到應用程式無回應或錯誤，建議採取以下步驟： 1. **檢查更新**：確保應用程式為最新版本。 2. **重啟環境**：完全關閉應用程式（非僅關閉視窗）後重新啟動。 3. **檢查依賴**：Windows 使用者若遇到本地 session 無法啟動，請確認已安裝 [Git for Windows](https://git-scm.com/downloads/win) 並重啟應用程式。 4. **日誌檢查**：macOS 使用者請檢查 `Console.app`，Windows 使用者請檢查「事件檢視器」中的「Windows 記錄」與「應用程式」。 詳細文件與下載資訊可參考 [Claude Code 文件](https://code.claude.com/docs/en/desktop#browse-external-sites)。 ## 媒體內容 **這段影片展示了 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）重新載入頁面並驗證結果 ## 標籤 Claude, 功能更新, ComputerUse, Anthropic, Claude