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

EPISODE · Jul 11, 2026 · 3 MIN

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

from EasyVibeCoding Podcast · host cat

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-adds-built-in-browser

Episode metadata supplied by the publisher feed · Published Jul 11, 2026

Embed this episode

Ready to play

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

0:00 3:58

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

No similar episodes found.

No similar podcasts found.

Frequently Asked Questions

How long is this episode of EasyVibeCoding Podcast?

This episode is 3 minutes long.

When was this EasyVibeCoding Podcast episode published?

This episode was published on July 11, 2026.

Can I download this EasyVibeCoding Podcast episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!