[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-opera-neon-adds-mcp-support-for-ai-clients-zh":3,"article-related-opera-neon-adds-mcp-support-for-ai-clients-zh":33,"series-tools-aa9a8df6-1d86-47a2-aa1f-de8b07cc50b1":90},{"id":4,"title":5,"content":6,"summary":7,"source":8,"source_url":9,"author":10,"image_url":11,"keywords":12,"language":21,"translated_content":10,"views":22,"is_premium":23,"created_at":24,"updated_at":24,"cover_image":11,"published_at":25,"rewrite_status":26,"rewrite_error":10,"rewritten_from_id":27,"slug":28,"category":29,"related_article_id":30,"status":31,"google_indexed_at":32,"x_posted_at":10,"tweet_text":10,"title_rewritten_at":10,"title_original":10,"key_takeaways":10,"topic_cluster_id":10,"embedding":10,"is_canonical_seed":23},"aa9a8df6-1d86-47a2-aa1f-de8b07cc50b1","Opera Neon 加入 MCP 支援","\u003Cp>\u003Ca href=\"https:\u002F\u002Fwww.opera.com\u002Fneon\" target=\"_blank\" rel=\"noopener\">Opera Neon\u003C\u002Fa> 這次真的有料。2026 年 3 月 31 日，Opera 宣布 Neon 可以當 \u003Ca href=\"https:\u002F\u002Fmodelcontextprotocol.io\u002F\" target=\"_blank\" rel=\"noopener\">MCP\u003C\u002Fa> server。外部 AI client 直接連進來，就能讀取頁面內容，還能操作真實瀏覽器工作階段。\u003C\u002Fp>\u003Cp>講白了，這很適合做 AI 工作流。你不用一直複製分頁、貼截圖、再把瀏覽器狀態翻譯成 prompt。AI 直接看到你已登入的頁面，效率差很多。\u003C\u002Fp>\u003Cp>Opera 也把這功能對準 \u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002Fclaude-code\" target=\"_blank\" rel=\"noopener\">Claude Code\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Flovable.dev\" target=\"_blank\" rel=\"noopener\">Lovable\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fn8n.io\" target=\"_blank\" rel=\"noopener\">n8n\u003C\u002Fa> 這類工具。對研究、原型開發、Web 測試的人來說，這不是小更新。這是把瀏覽器拉進 AI 工具鏈裡。\u003C\u002Fp>\u003Ch2>Opera Neon 到底多了什麼\u003C\u002Fh2>\u003Cp>Opera 說，Neon 現在是第一個內建 MCP server 的主流 AI 瀏覽器。這句話翻成白話，就是外部 AI client 有了標準方式，能跟你的瀏覽器 session 對話。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1775156656715-jaj3.png\" alt=\"Opera Neon 加入 MCP 支援\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>重點在於 live context。你如果已經登入某個 SaaS、後台，或文件站，AI 可以直接看現在的頁面。它不用猜，也不用看過時截圖。這對實務工作很重要。\u003C\u002Fp>\u003Cp>Opera 提供的能力分成讀和寫兩類。預設先開比較安全的讀取工具。比較激進的控制權，像點擊和輸入，則要你自己打開。\u003C\u002Fp>\u003Cul>\u003Cli>預設開啟：讀分頁、頁面內容、截圖。\u003C\u002Fli>\u003Cli>可寫入操作：切換分頁、關閉分頁、滑鼠點擊、鍵盤輸入、表單填寫、導頁。\u003C\u002Fli>\u003Cli>另有讀取歷史紀錄工具，但預設關閉。\u003C\u002Fli>\u003Cli>連線方式是 MCP server URL 加 OAuth2 驗證。\u003C\u002Fli>\u003C\u002Ful>\u003Cp>這裡最有意思的地方，不是 Neon 又多了一個聊天側欄。它是把整個瀏覽器 session 變成可被外部 agent 讀寫的資源。\u003C\u002Fp>\u003Cp>我覺得這比老派的 copy-paste 流程乾淨很多。AI 先讀頁面，再決定要不要動作。這種設計比較像工具，不像玩具。\u003C\u002Fp>\u003Ch2>為什麼 MCP 這麼重要\u003C\u002Fh2>\u003Cp>\u003Ca href=\"https:\u002F\u002Fmodelcontextprotocol.io\u002F\" target=\"_blank\" rel=\"noopener\">Model Context Protocol\u003C\u002Fa> 的概念很簡單。它想把 AI 系統和工具、資料源，用同一套標準接起來。這樣就不用每個產品都客製一條接線。\u003C\u002Fp>\u003Cp>在這個案例裡，Opera Neon 是 server，外部 AI app 是 client。意思是 \u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002Fclaude-code\" target=\"_blank\" rel=\"noopener\">Claude Code\u003C\u002Fa> 這種工具，可以直接問 Neon 要分頁清單、頁面內容、截圖，還能下瀏覽器指令。\u003C\u002Fp>\u003Cblockquote>“As a standard, MCP solves the N x M problem of integrating data sources with AI applications,” said \u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fmodel-context-protocol\" target=\"_blank\" rel=\"noopener\">Anthropic\u003C\u002Fa> in its MCP announcement.\u003C\u002Fblockquote>\u003Cp>這句話很直白。以前做瀏覽器自動化，常常是每個服務都要自己接。今天接 A，明天接 B，維護起來超煩。MCP 的價值，就是把這些零碎整合變成共用介面。\u003C\u002Fp>\u003Cp>Opera 還補了一個很實際的問題：連線持久性。它做了 persistent proxy server。就算筆電或瀏覽器關掉，MCP 連線也能保持狀態。失敗時還會回傳清楚的 browser not available，而不是亂噴錯。\u003C\u002Fp>\u003Cp>這種細節很土，但很重要。真的要拿來做 agent workflow，穩定性比酷炫更值錢。\u003C\u002Fp>\u003Ch2>跟其他 AI 工具有什麼差別\u003C\u002Fh2>\u003Cp>Opera 的賣點不是「Neon 會讀頁面」。這種功能很多工具都有。差別在於，它能讓外部 client 在真實、已登入的瀏覽器 session 裡直接動作。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1775156661154-ikl9.png\" alt=\"Opera Neon 加入 MCP 支援\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>這就跟只吃貼上文字、或只看靜態截圖的工具不一樣。它也比那種只能待在單一產品裡的瀏覽器助理更實用。因為它可以跟你整個工具鏈一起跑。\u003C\u002Fp>\u003Cp>如果拿常見工具來比，差異會更清楚。\u003C\u002Fp>\u003Cul>\u003Cli>\u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002Fclaude-code\" target=\"_blank\" rel=\"noopener\">Claude Code\u003C\u002Fa> 可以用 Neon 直接看分頁、點網站、填表單、測 Web app。\u003C\u002Fli>\u003Cli>\u003Ca href=\"https:\u002F\u002Flovable.dev\" target=\"_blank\" rel=\"noopener\">Lovable\u003C\u002Fa> 可以讀 live page，拿來當 prototype 參考，不用你口述 UI。\u003C\u002Fli>\u003Cli>\u003Ca href=\"https:\u002F\u002Fn8n.io\" target=\"_blank\" rel=\"noopener\">n8n\u003C\u002Fa> 可以把瀏覽器當成 workflow 節點，不只是資料來源。\u003C\u002Fli>\u003Cli>Opera 預設只開讀取工具，寫入工具要手動啟用，安全性比較保守。\u003C\u002Fli>\u003C\u002Ful>\u003Cp>Opera 舉的例子也很有意思。它提到可以用 \u003Ca href=\"\u002Fnews\u002Fclaude-vs-chatgpt-copilot-gemini-enterprise-2026-zh\">Clau\u003C\u002Fa>de Code 從已開啟的分頁蒐集研究資料，再去測試和驗證 Web app。這種流程很合理。AI 先理解問題，再回頭驗證結果。\u003C\u002Fp>\u003Cp>如果是原型開發，流程也差不多。你登入某個 Web app，想讓 Lovable 參考介面風格，Neon 可以直接把 live page 暴露出去。這比叫人用文字描述 UI 快太多。\u003C\u002Fp>\u003Ch2>數據和競品怎麼看\u003C\u002Fh2>\u003Cp>先看能力範圍。Opera Neon 的 MCP 支援不是只做「看」。它同時有讀和寫。這讓它跟單純摘要型工具拉開差距。\u003C\u002Fp>\u003Cp>再看權限設計。預設是讀取開啟，寫入關閉。這種做法比較像真實產品，不是 d\u003Ca href=\"\u002Fnews\u002Fgemini-3-1-pro-googles-top-model-in-numbers-zh\">em\u003C\u002Fa>o。因為一旦牽涉登入狀態，權限邊界就不能亂來。\u003C\u002Fp>\u003Cp>下面這幾點，最能看出它的位置。\u003C\u002Fp>\u003Cul>\u003Cli>讀取能力：分頁、頁面內容、截圖，預設可用。\u003C\u002Fli>\u003Cli>操作能力：切分頁、關閉分頁、點擊、輸入、填表、導頁，要手動開。\u003C\u002Fli>\u003Cli>歷史紀錄：可讀，但預設關閉。\u003C\u002Fli>\u003Cli>驗證方式：MCP server URL 搭配 OAuth2。\u003C\u002Fli>\u003C\u002Ful>\u003Cp>如果跟傳統 browser automa\u003Ca href=\"\u002Fnews\u002Fbuild-rust-rest-api-actix-sqlx-postgres-zh\">ti\u003C\u002Fa>on 比，Neon 的優勢是標準化。你不用為每個 AI 工具重寫一套橋接層。這點對開發者很省事。\u003C\u002Fp>\u003Cp>如果跟只會讀頁面的 AI 工具比，Neon 多了「能做事」的那一半。這才是 agent 真正有用的地方。只會講，沒辦法動，很多時候就是半套。\u003C\u002Fp>\u003Ch2>這對開發者有什麼實際意義\u003C\u002Fh2>\u003Cp>如果你在做 Web app、測試自動化，或 AI 工作流，這功能很像少掉一層 glue code。外部 client 可以直接拿到使用者已登入的 browser state。這包含目前分頁、文件站、後台頁面。\u003C\u002Fp>\u003Cp>實際用途也很明確。像是研究助理可以看你已經開好的來源。原型工具可以抓現成介面。測試 agent 可以真的點進流程裡驗證結果。\u003C\u002Fp>\u003Cp>這也反映一個趨勢。好用的 AI 系統，不只是會讀 context。它還得能動手做事，而且權限邊界要清楚。Opera Neon 把瀏覽器放進這個位置，方向很明確。\u003C\u002Fp>\u003Cp>如果你已經有 Neon，我會建議先從 read-only 開始。先看它能不能幫你整理分頁、讀頁面、抓截圖。真的需要操作，再開 write tools。這樣比較不會把 browser session 弄成災難現場。\u003C\u002Fp>\u003Ch2>背後的產業脈絡\u003C\u002Fh2>\u003Cp>瀏覽器一直是工作的核心介面。很多人一天 8 小時，至少有 5 小時在瀏覽器裡。查資料、開後台、跑 SaaS、看文件，全都在這裡。\u003C\u002Fp>\u003Cp>問題是，AI 很常停在旁邊。它會寫字，會總結，但不一定真的懂你現在在看什麼。MCP 把這個 gap 補起來。它讓 AI 直接接觸活的瀏覽器 session。\u003C\u002Fp>\u003Cp>這也解釋了為什麼這波不是單一瀏覽器的花招。\u003Ca href=\"https:\u002F\u002Fmodelcontextprotocol.io\u002F\" target=\"_blank\" rel=\"noopener\">MCP\u003C\u002Fa> 本身是標準。只要工具支援，理論上就能互通。今天是 \u003Ca href=\"https:\u002F\u002Fwww.opera.com\u002Fneon\" target=\"_blank\" rel=\"noopener\">Opera Neon\u003C\u002Fa>，明天可能是別的 browser、桌面 app，甚至內部工具。\u003C\u002Fp>\u003Cp>對台灣開發者來說，這件事的意義很直接。你如果在做內部系統、客服後台、電商營運工具，未來 AI 很可能不是從 API 文檔開始，而是從使用者正在看的頁面開始。這會改變很多工作流程。\u003C\u002Fp>\u003Ch2>接下來該怎麼看\u003C\u002Fh2>\u003Cp>我覺得接下來 6 到 12 個月，重點會是兩件事。第一，MCP client 支援會不會變得更普遍。第二，瀏覽器權限控制會不會更細。\u003C\u002Fp>\u003Cp>如果這兩件事都往前走，AI 代理就不會只停在聊天框。它會開始進入你真的在用的工作環境。那時候，能不能安全地授權，就會比功能數量更重要。\u003C\u002Fp>\u003Cp>說白了，Opera Neon 這次不是在賣一個酷功能。它是在測試一個新介面：AI 直接進瀏覽器。你如果是開發者，現在就可以開始想，哪些流程適合 read-only，哪些流程真的需要 write access。\u003C\u002Fp>\u003Cp>如果你要我下結論，我會說這功能值得試。先接一次 Claude Code 或 n8n，看它能不能真的省掉你手動切頁的時間。能省多少，答案很快就會出來。\u003C\u002Fp>","Opera Neon 現在能當 MCP server，讓 Claude Code、Lovable、n8n 直接讀取與操作真實瀏覽器工作階段，對 AI 工作流很有感。","blogs.opera.com","https:\u002F\u002Fblogs.opera.com\u002Fnews\u002F2026\u002F03\u002Fopera-neon-adds-mcp-connector-to-the-browser\u002F",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1775156656715-jaj3.png",[13,14,15,16,17,18,19,20],"Opera Neon","MCP","Claude Code","Lovable","n8n","AI 瀏覽器","瀏覽器自動化","Model Context Protocol","zh",0,false,"2026-04-02T19:03:39.029935+00:00","2026-04-02T19:03:38.835+00:00","done","8943bad3-e199-40f1-88b8-5405ed224d23","opera-neon-adds-mcp-support-for-ai-clients-zh","tools","8a9bd0c2-7208-4e3a-9787-45d4c2d9331a","published","2026-04-08T09:00:49.739+00:00",{"tags":34,"relatedLang":49,"relatedPosts":53},[35,37,38,39,41,43,45,47],{"name":18,"slug":36},"ai-瀏覽器",{"name":17,"slug":17},{"name":19,"slug":19},{"name":16,"slug":40},"lovable",{"name":13,"slug":42},"opera-neon",{"name":20,"slug":44},"model-context-protocol",{"name":14,"slug":46},"mcp",{"name":15,"slug":48},"claude-code",{"id":30,"slug":50,"title":51,"language":52},"opera-neon-adds-mcp-support-for-ai-clients-en","Opera Neon adds MCP support for AI clients","en",[54,60,66,72,78,84],{"id":55,"slug":56,"title":57,"cover_image":58,"image_url":58,"created_at":59,"category":29},"a109dac1-43f3-4a6b-982c-13b59e8f61e9","vibe-research-ai-tools-workflows-zh","Vibe Research：用 AI 加速研究流程","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778904653705-zekc.png","2026-05-16T04:10:33.15767+00:00",{"id":61,"slug":62,"title":63,"cover_image":64,"image_url":64,"created_at":65,"category":29},"cb68bb90-3638-4334-87c7-02580f59877a","aws-repository-wide-security-scanner-matters-zh","為什麼 AWS 的全倉庫安全掃描比更快的 SAST 更重要","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778901047875-n4l9.png","2026-05-16T03:10:24.757504+00:00",{"id":67,"slug":68,"title":69,"cover_image":70,"image_url":70,"created_at":71,"category":29},"7c966206-36f7-4d6b-b2e5-088a4732ede4","why-docker-microvm-sandboxes-ai-agents-zh","為什麼 Docker 的 microVM 沙盒才是 AI 代理的正解","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778893837158-gpxf.png","2026-05-16T01:10:20.668094+00:00",{"id":73,"slug":74,"title":75,"cover_image":76,"image_url":76,"created_at":77,"category":29},"d058a76f-6548-4135-8970-f3a97f255446","why-gemini-api-pricing-is-cheaper-than-it-looks-zh","為什麼 Gemini API 定價其實比看起來更便宜","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778869845081-j4m7.png","2026-05-15T18:30:25.797639+00:00",{"id":79,"slug":80,"title":81,"cover_image":82,"image_url":82,"created_at":83,"category":29},"68e4be16-dc38-4524-a6ea-5ebe22a6c4fb","why-vidhub-huiyuan-hutong-bushi-quan-shebei-tongyong-zh","為什麼 VidHub 會員互通不是「買一次全設備通用」","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778789450987-advz.png","2026-05-14T20:10:24.048988+00:00",{"id":85,"slug":86,"title":87,"cover_image":88,"image_url":88,"created_at":89,"category":29},"7a1e174f-746b-4e82-a0e3-b2475ab39747","why-buns-zig-to-rust-experiment-is-right-zh","為什麼 Bun 的 Zig-to-Rust 實驗是對的","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778767879127-5dna.png","2026-05-14T14:10:26.886397+00:00",[91,96,101,106,111,116,121,126,131,136],{"id":92,"slug":93,"title":94,"created_at":95},"de769291-4574-4c46-a76d-772bd99e6ec9","googles-biggest-gemini-launches-in-2026-zh","Google 2026 最大 Gemini 盤點","2026-03-26T07:26:39.21072+00:00",{"id":97,"slug":98,"title":99,"created_at":100},"855cd52f-6fab-46cc-a7c1-42195e8a0de4","surepath-real-time-mcp-policy-controls-zh","SurePath 推出即時 MCP 政策控管","2026-03-26T07:57:40.77233+00:00",{"id":102,"slug":103,"title":104,"created_at":105},"9b19ab54-edef-4dbd-9ce4-a51e4bae4ebb","mcp-in-2026-the-ai-tool-layer-teams-use-zh","2026 年 MCP：團隊真的在用的 AI 工具層","2026-03-26T08:01:46.589694+00:00",{"id":107,"slug":108,"title":109,"created_at":110},"af9c46c3-7a28-410b-9f04-32b3de30a68c","prompting-in-2026-what-actually-works-zh","2026 提示工程，真正有用的是什麼","2026-03-26T08:08:12.453028+00:00",{"id":112,"slug":113,"title":114,"created_at":115},"05553086-6ed0-4758-81fd-6cab24b575e0","garry-tan-open-sources-claude-code-toolkit-zh","Garry Tan 開源 Claude Code 工具包","2026-03-26T08:26:20.068737+00:00",{"id":117,"slug":118,"title":119,"created_at":120},"042a73a2-18a2-433d-9e8f-9802b9559aac","github-ai-projects-to-watch-in-2026-zh","2026 必看 20 個 GitHub AI 專案","2026-03-26T08:28:09.619964+00:00",{"id":122,"slug":123,"title":124,"created_at":125},"a5f94120-ac0d-4483-9a8b-63590071ac6a","claude-code-vs-cursor-2026-zh","Claude Code 與 Cursor 深度對比：202…","2026-03-26T13:27:14.279193+00:00",{"id":127,"slug":128,"title":129,"created_at":130},"0975afa1-e0c7-4130-a20d-d890eaed995e","practical-github-guide-learning-ml-2026-zh","2026 機器學習入門 GitHub 實用指南","2026-03-27T01:16:49.712576+00:00",{"id":132,"slug":133,"title":134,"created_at":135},"bfdb467a-290f-4a80-b3a9-6f081afb6dff","aiml-2026-student-ai-ml-lab-repo-review-zh","AIML-2026：像課綱的學生實驗 Repo","2026-03-27T01:21:51.467798+00:00",{"id":137,"slug":138,"title":139,"created_at":140},"80cabc3e-09fc-4ff5-8f07-b8d68f5ae545","ai-trending-github-repos-and-research-feeds-zh","AI Trending：把 AI 資源收成一張表","2026-03-27T01:31:35.262183+00:00"]