Repolode
投稿する
mozilla

mozilla/firefox-devtools-mcp

WebDriver BiDi経由でAIエージェントがFirefoxを閲覧・調査できるMCPサーバー。エージェントによるブラウジングや開発ツールを使ったデバッグに対応します。

GitHub で見る
スター
553
フォーク
76
未解決の Issue
10
最終コミット
3 日前

これは何？

Firefox DevTools MCPは、AIアシスタントからローカルのFirefoxを操作できるようにするModel Context Protocolサーバーです。Selenium WebDriver経由でWebDriver BiDiを利用し、Claude Code、Claude Desktop、Cursor、ClineなどのMCPクライアントで動作します。

このプロジェクトは主に2つの用途を想定しています。1つ目はエージェントによるブラウジングで、Webサイトのページを読み込み、フォームに入力し、複数の手順が必要な操作を完了します。2つ目はAIアシスタントを使ったWeb開発で、作業中のページを読み込み、コンソールメッセージ、ネットワークリクエスト、デバッガー、プロファイラーを使って調査します。

ツールはモジュールごとにまとめられ、`slim`から`all`までのプリセットで公開されるため、エージェントに許可する操作を制限できます。また、ヘッドレスモード、カスタムプロファイル、起動中のFirefoxへの接続、ADB経由のFirefox for Androidにも対応しています。エージェントはブラウザーからアクセスできるものなら何にでも到達できるため、専用のFirefoxプロファイルを使うことが推奨されています。

主な機能

  • 01Selenium WebDriver経由のWebDriver BiDiでFirefoxを操作します。
  • 02ページのスナップショットを取得し、UIDで要素をクリックしたり入力したりできます。
  • 03ネットワークリクエスト、コンソールメッセージ、ダウンロードを記録します。
  • 04エージェントに許可する機能を制限できるツールプリセットを提供します。
  • 05ヘッドレスモード、カスタムプロファイル、起動中のFirefoxへの接続に対応しています。
  • 06ADB経由でFirefox for Androidを自動化できます。

ユースケース

  • Webサイトでのフォーム入力など、複数の手順が必要なタスクをAIエージェントに実行させる。
  • 開発中のページを、コンソールやネットワークの出力も含めてAIアシスタントに調査させる。
  • MCP対応のコーディングアシスタントからFirefox上のWebページをプロファイリングまたはデバッグする。
  • デスクトップマシンからFirefox for Androidのテストセッションを自動化する。

クイックスタート

  1. 1

    Node.js 20.19.0以降とFirefox 100以降がインストールされていることを確認してください

  2. 2

    npxを使ってサーバーをローカルで実行します

    npx @mozilla/firefox-devtools-mcp@latest
  3. 3

    Claude Codeに登録します

    claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest

使う前に知っておきたいこと

  • ローカルにFirefoxがインストールされている必要があり、クラウドホスティングサービスでは実行できません。
  • エージェントがCookieや保存済みセッションにアクセスできるため、専用のFirefoxプロファイルを使用してください。
  • Androidモードでは、各セッションの前に対象アプリのデータがすべて消去されます。
  • メタデータではライセンスがNOASSERTIONと記載されているため、使用前にライセンスファイルを確認してください。

収録されている特集

AI エージェント向けブラウザ自動化Claude Code 向け MCP サーバーClaude Code のツール・スキル・プラグインオープンソースの AI エージェント・フレームワークとアプリMCP サーバー

トピック

#mcp#firefox#webdriver-bidi#browser-automation#ai-agent#devtools#selenium#claude-code#mcp-server

よくある質問

firefox-devtools-mcp とは？
WebDriver BiDi経由でAIエージェントがFirefoxを閲覧・調査できるMCPサーバー。エージェントによるブラウジングや開発ツールを使ったデバッグに対応します。 Firefox DevTools MCPは、AIアシスタントからローカルのFirefoxを操作できるようにするModel Context Protocolサーバーです。Selenium WebDriver経由でWebDriver BiDiを利用し、Claude Code、Claude Desktop、Cursor、ClineなどのMCPクライアントで動作します。
firefox-devtools-mcp は無料で使えますか？ライセンスは？
firefox-devtools-mcp は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
firefox-devtools-mcp は今もメンテナンスされていますか？
活発にメンテナンス中。firefox-devtools-mcp の最終コミットは 2026年11月4日 です。
firefox-devtools-mcp は何に使えますか？
Webサイトでのフォーム入力など、複数の手順が必要なタスクをAIエージェントに実行させる。 開発中のページを、コンソールやネットワークの出力も含めてAIアシスタントに調査させる。 MCP対応のコーディングアシスタントからFirefox上のWebページをプロファイリングまたはデバッグする。 デスクトップマシンからFirefox for Androidのテストセッションを自動化する。
firefox-devtools-mcp のインストール方法は？
Node.js 20.19.0以降とFirefox 100以降がインストールされていることを確認してください npxを使ってサーバーをローカルで実行します: npx @mozilla/firefox-devtools-mcp@latest Claude Codeに登録します: claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest
firefox-devtools-mcp はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/mozilla/firefox-devtools-mcp

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト

A9T9 / RPA

マクロレコーダー、JavaScript API、OCR、画像認識、AIアシスタント向けMCPサーバーを備えた、ブラウザーおよびデスクトップ自動化拡張機能。

開発ツール#browser-automation#rpa#mcp
2101+7 今週422TypeScriptOther更新 3 日前