sncro

io.github.scottconfusedgorilla由 GitHub 帳號 scottconfusedgorilla 發布v0.9.4更新於 Oct 27, 2026

Live browser debugging for AI assistants — DOM, console, network via MCP.

已驗證Streamable HTTP可網頁執行瀏覽器自動化開發者工具

概覽

AI 產生的概覽

遠端 MCP 中繼服務，讓 AI 助理在偵錯網頁應用程式時檢視即時瀏覽器工作階段的 DOM、主控台輸出與網路活動。

可以做什麼
  • 建立偵錯工作階段，取得工作階段金鑰與需在瀏覽器開啟的網址
  • 檢視即時頁面：查詢元素、取得頁面快照
  • 讀取瀏覽器推送的主控台輸出與錯誤訊息
  • 搭配已安裝 sncro 中介軟體的 FastAPI 或 Flask 應用程式使用
適用情境
適合助理協助偵錯執行中的網頁應用程式、需要看到瀏覽器實際呈現內容、日誌或請求而非僅憑原始碼推測的情境。適用於可加入 sncro 中介軟體並以偵錯模式執行的 FastAPI 或 Flask 專案。
執行需求
遠端 MCP 端點 relay.sncro.net（也可自行架設中繼）。需在 sncro.net 註冊專案並取得專案金鑰，並在以偵錯模式執行的 FastAPI 或 Flask 應用程式中加入 sncro 中介軟體。使用者需在瀏覽器開啟工作階段網址並確認偵錯授權。
安裝前請注意
瀏覽器端代理會把使用者應用程式的頁面內容與主控台資料推送到中繼，資料會離開本機。中介軟體會在應用程式來源注入指令碼並設定 Cookie，應僅在偵錯模式下啟用。需要專案金鑰，請妥善保管。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 sncro，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/io.github.scottconfusedgorilla%2Fsncro/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "sncro": {
      "type": "http",
      "url": "https://relay.sncro.net/tools/mcp"
    }
  }
}

README

sncro-relay

Open-source components of sncro — the MCP relay, the browser-side agent, and the framework plugins that let AI coding assistants inspect a live browser.

What this repo contains

PathWhat
relay/FastAPI app that exposes an MCP server plus long-poll endpoints for agent.js
relay/static/agent.jsBrowser-side script injected by the middleware; pushes console + DOM data to the relay
middleware/sncro_middleware.pyFastAPI / Starlette plugin — drop-in middleware for FastAPI apps
middleware/sncro_flask.pyFlask plugin — drop-in middleware for Flask apps
trysncro/try.sncro.net — a deliberately-broken demo app for exercising sncro end-to-end

How it works

 ┌──────────────┐    MCP     ┌──────────┐   long-poll   ┌─────────────┐ │ Claude Code  │──tools────▶│  relay   │◀──────────────│  agent.js   │ │ (or other    │            │ (relay/) │   snapshots   │ (injected   │ │  MCP client) │◀──results──│          │──────────────▶│  by plugin) │ └──────────────┘            └──────────┘               └─────────────┘                                                              ▲                                                              │ same-origin                                                              │ cookies                                                       ┌─────────────┐                                                       │  your app   │                                                       │ (plugin is  │                                                       │  installed) │                                                       └─────────────┘
  1. Claude calls create_session (MCP tool) → relay returns a 9-digit session key + URL
  2. User visits the URL in the browser where their app is running → confirms via "Allow sncro debugging?"
  3. The plugin drops a cookie, agent.js is injected into subsequent HTML responses on that origin
  4. agent.js pushes baseline data (console, errors) and long-polls for on-demand queries (query_element, get_page_snapshot, etc.)

Using sncro

Most users don't need to run the relay yourself — the hosted version at relay.sncro.net is free-tier friendly. Register your project at sncro.net and grab your project key.

FastAPI: drop middleware/sncro_middleware.py into your project, then:

python
from middleware.sncro_middleware import SncroMiddleware, sncro_routes
app = FastAPI(debug=True)  # sncro only loads when debug=Trueif app.debug:    app.include_router(sncro_routes)    app.add_middleware(SncroMiddleware, relay_url="https://relay.sncro.net")

Flask: drop middleware/sncro_flask.py into your project, then:

python
from sncro_flask import init_sncro
app = Flask(__name__)if app.debug:    init_sncro(app, relay_url="https://relay.sncro.net")

Both middlewares only activate in debug mode — zero overhead in production.

Contributing

We love new framework plugins. CONTRIBUTING.md has the full spec for what a plugin must do — cookies, routes, security headers — plus the test template. Django, Rails, Express, Next.js, ASP.NET, Go — all welcome.

Bug reports and security issues: see SECURITY.md.

License

MIT. See LICENSE.

The dashboard at sncro.net (project management, billing, admin) lives in a separate proprietary repo.

來源：README.md，提交 9576cd2

工具

0
SourceWeft 尚未讀取此伺服器的工具。

版本歷史

1
  1. v0.9.4最新Sep 16, 2026

評分

已滿足適用檢查項的 85%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分