FileForge Browser DevTools

io.github.mayank1307由 GitHub 帳號 mayank1307 發布v0.2.2更新於 Nov 5, 2026

Browser DevTools for agents in your signed-in Chrome: cross-tab watching, route sweeps, bug reports.

概覽

AI 產生的概覽

本機 MCP 伺服器加上 Chrome 擴充功能,讓助理在你已登入的瀏覽器中跨分頁監看、掃過各路由並產出錯誤報告。

可以做什麼
  • 控制瀏覽器分頁、讀取頁面狀態,並與 DOM 互動(點擊、填寫、斷言)
  • 擷取頁面、抽取表格與中繼資料,並搜尋已儲存的頁面、結果、筆記、瀏覽紀錄與書籤
  • 執行 QA 冒煙測試、無障礙、響應式與效能稽核,擷取並比對視覺產物
  • 檢視 DevTools 工作階段、網路與 API 呼叫、應用程式框架狀態及 Chrome 擴充功能資訊
  • 錄製並執行瀏覽器工作流程配方、例行程序與排程任務
  • 產生錯誤報告、PR 證據包,並匯出結果、HAR 檔或 SQL 查詢輸出
適用情境
適合需要助理在真實且已登入的 Chrome 工作階段中操作的場合:重現並記錄錯誤、掃過網站路由做 QA、無障礙或響應式檢查,以及為報告或拉取請求整理證據。
執行需求
需要 Node.js 20 以上版本,以及同一台桌機上的 Google Chrome。需全域安裝 npm 套件(不要用 npx),以確保隨套件附帶的 Chrome 擴充功能資料夾位置不變;在開發人員模式下以未封裝方式載入擴充功能,並在 MCP 用戶端註冊伺服器。選用的配對模式使用 FILEFORGE_REQUIRE_PAIRING 環境變數與配對指令產生的橋接權杖。
安裝前請注意
助理會在你已登入的 Chrome 設定檔中操作,因此可觸及這些工作階段能存取的內容,包括需登入的頁面與已存資料。它可以點擊、填寫與切換頁面,執行與刪除工作流程配方,並寫入本機筆記、記憶與已存結果。配對預設關閉,建議開啟。僅限桌機,沒有網頁版。

安裝

在 SourceWeft 中

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

Desktop only,透過 STDIO。 STDIO 服務會啟動本機處理程序,因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

fileforge-mcp-server

The MCP server for FileForge. Your agent watches your signed-in Chrome across tabs, sweeps your routes, and hands you the bug report. This package also contains the FileForge Chrome extension, which you load unpacked from the package folder.

You need Node.js 20 or newer and Google Chrome.

Install

bash
npm install -g fileforge-mcp-server

Install it globally, not with npx: Chrome loads the extension from the package folder, so the folder must stay put.

Set it up

bash
fileforge-setup

This prints the extension folder and the exact command or config for each MCP client, using your real paths. It changes nothing unless you pass --write.

Open chrome://extensions, turn on Developer mode, click Load unpacked and pick the folder it printed. The card should show ID nlcebipkdgecilmgfpobamljieanadpn.

Then connect your client. For Claude Code or Codex, run the command it printed. For Cursor or Claude Desktop, let it edit the config file; it keeps your other servers and saves the old file as .bak:

bash
fileforge-setup --client cursor --write

Every client is covered in the setup guide.

Verify

With your MCP client open and Chrome running:

bash
fileforge-verify

Then ask your agent to call fileforge_runtime_action with action: "status".

Pairing

Optional: with FILEFORGE_REQUIRE_PAIRING=1 in the server's environment, the extension must present the bridge token. fileforge-pair prints it, and you paste it into the side panel's Settings tab. See the setup guide.

Updating

bash
npm install -g fileforge-mcp-server@latest

Then click the reload icon on the FileForge card at chrome://extensions and restart your MCP client. fileforge-verify warns when Chrome is still running the old extension code.

More

MIT license.

來源:mcp-server/README.md,提交 648f8d2

工具

26

fileforge_runtime_action

Runtime health, status, capabilities, and request log actions.

輸入參數limitaction必填failuresOnlyincludeDetails

fileforge_result_action

Retrieve, list, search, and slice stored FileForge results.

輸入參數reflimitqueryaction必填offsetproject

fileforge_browser_action

Control browser tabs and read browser state. Use query_context to read state; navigate/history/wait for tab control.

輸入參數urlquerystoretabIduntilaction必填activedryRunidleMsnewTabpresetproject另有 14 個

fileforge_page_interaction

Interact with the DOM, extract page info, run QA checks, and debug failures (click, fill, assert, smoke_test, debug_clickability, capture_debug_bundle, etc.)

輸入參數modedepthstoretabIdvalueaction必填amountchecksincludeprojectfallbackselector另有 20 個

fileforge_scrape_action

Scrape and extract content via the GraphQL-style query_scrape action, plus legacy actions (scrape_page, extract_tables, extract_metadata, …).

輸入參數urlurlsquerystoretabIdaction必填presetsourcetabIdsprojectmaxPagessections另有 2 個

fileforge_sql_action

List, describe, query, and export SQL-backed FileForge data.

輸入參數reflimitquerytableaction必填formatoffsetfilename

fileforge_search_action

Search across saved pages, results, notes, browser history, and bookmarks.

輸入參數reflimitqueryaction必填

fileforge_devtools_action

Unified DevTools tool. Primary action: query_devtools (GraphQL-feel modules + presets). Plus session lifecycle, evaluate, replay_request, export_har, and legacy get_* read actions.

輸入參數querystoretabIdaction必填dryRunfilterlevelspresetfilenameoperationoverridesrequestId另有 7 個

fileforge_perf_action

Run performance audits and collect metrics.

輸入參數url必填storeaction必填projectsettleMstimeoutMsviewportsnetworkIdleMsincludeScreenshotnetworkIdleTimeoutMs

fileforge_qa_testing

Run QA checks, smoke tests, element watches, and route tests.

輸入參數urlstoretabIdaction必填checksroutesbaseUrlprojectwatchIdselectortimeoutMsviewports

fileforge_audit_action

Unified audit tool. Primary action: query_audit (GraphQL-feel modules + presets). Also: compare_audit_snapshots, plus legacy route/content/policy/security/recommendation/comparison/export/summary actions.

輸入參數keyrefurltextquerystoretabIdtitleaction必填issuespresetroutes另有 16 個

fileforge_visual_action

Capture, compare, inspect, and export visual browser artifacts.

輸入參數xyrefrunurlnamestoretabIdwidthaction必填activeformat另有 21 個

fileforge_a11y_action

Run accessibility audits and checks.

輸入參數storetabIdaction必填standard

fileforge_responsive_action

Scan layout and find responsive issues across widths.

輸入參數urlstoretabIdaction必填checkswidths

fileforge_api_action

Discover and export REST and GraphQL API calls.

輸入參數storetabIdaction必填exportfiltergroupByfilenameincludeBodies

fileforge_coding_action

Capture coding-focused page, route, bug, and article context bundles.

輸入參數urlstoretabIdtitleaction必填reloadroutesbaseUrlprojectdomDepthkeepOpensettleMs另有 7 個

fileforge_workflow_action

Record, list, run, export, and delete browser workflow recipes.

輸入參數namestepsstoretabIdaction必填formatinputscaptureassertions

fileforge_task_action

Create, run, schedule, plan, inspect, validate, dry-run, and export FileForge routines (and legacy task pipelines).

輸入參數urlmodenametaskhintslimitpatchqueryrunIdsincestepsstore另有 56 個

fileforge_memory_action

Manage local page memory, diffing, and result slicing.

輸入參數refurllimitquerystoretabIdaction必填offsetprojectquestion

fileforge_app_action

Inspect app framework, routing, client storage, feature flags, and framework-specific state.

輸入參數tabIdaction必填includeStateHints

fileforge_file_action

Fetch, parse, convert, inspect, and decode files and Data URIs.

輸入參數torunurlfromnamelimitstoretabIdaction必填formatdataUriproject另有 3 個

fileforge_note_action

Create, list, and search local notes.

輸入參數tagurlbodytagslimitquerytitleaction必填offset

fileforge_report_action

Generate bug reports, PR evidence bundles, and full debug bundles.

輸入參數urlstabIdtitleaction必填formatinclude

fileforge_export_action

Export stored results and SQL query output.

輸入參數refqueryaction必填formatfilename

fileforge_extension_action

Inspect and test Chrome extension manifest, permissions, storage, service worker, injection, and errors.

輸入參數keyareastoretabIdaction必填projectselectors

fileforge_eye_action

God's Eye — cross-tab browser monitoring. Watch chosen tabs, or every open tab with all: true: live network traffic, console errors, JS exceptions, DOM mutations, WebSocket frames. Lock onto a target tab for enhanced capture (auto-screenshots on errors). Plant tripwires that fire silently when conditions hit any tab.

輸入參數allurltabsurlsclearlimittabIdaction必填filterenabledfocusedidentity另有 3 個

版本歷史

1
  1. v0.2.2最新Nov 5, 2026

評分

已滿足適用檢查項的 90%

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

  • 近 30 天內可連通25 分
  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭,或保持端點能夠回應探測,以便判定其認證方式。

  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分