
mozilla/firefox-devtools-mcp
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
mozilla/Firefox-DevTools-MCPは、https://github.com/mozilla/firefox-devtools-mcp.からインポートされたMCPサーバー候補です。
概要
mozilla/Firefox-DevTools-MCPは、https://github.com/mozilla/firefox-devtools-mcp.からインポートされたMCPサーバー候補です。
概要(AI 翻訳)
AIエージェントがFirefoxを利用できるモデルコンテキストプロトコルサーバー。主に2つの用途があります。
- エージェントブラウジング:エージェントはブラウザを通常の作業、例えばページの閲覧、フォームの記入、ウェブサイト上の多段階フローの処理などを行います。
- エージェント支援ウェブ開発:エージェントが作業中のページを読み込み、コンソール、ネットワークリクエスト、デバッガー、プロファイラーなどの開発者ツールで検査します。
WebDriver BiDi(Selenium WebDriver経由)を通じてFirefoxを制御し、Claude Code、Claude Desktop、Cursor、Clineおよびその他のMCPクライアントと連携します。
リポジトリ: https://github.com/mozilla/firefox-devtools-mcp
注:このMCPサーバーはローカルのFirefoxブラウザインストールが必要で、glama.ai のようなクラウドホスティングサービスでは動作できません。ローカルで動作する場合は
npx @mozilla/firefox-devtools-mcp@latestを使うか、DockerファイルでDockerを使ってください。
セキュリティ
ブラウザMCPサーバーには固有のリスクがあります。いくつかの重要な実践例:
- 専用のFirefoxプロファイルを使用してください。 サーバーを通常のプロファイルで動かしてはいけません。エージェントはクッキーや保存されたセッションを含め、ブラウザがアクセスできるすべてのものにアクセスできます。
- **訪れるサイトには注意してください。
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
Firefox DevTools MCP
Model Context Protocol server that lets AI agents use Firefox. It has two main use cases:
- Agentic browsing: the agent uses the browser for regular tasks, such as reading pages, filling forms and going through multi-step flows on websites.
- Agent-assisted web development: the agent loads the page you are working on and inspects it with developer tools, such as the console, network requests, the debugger and the profiler.
It controls Firefox through WebDriver BiDi (via Selenium WebDriver) and works with Claude Code, Claude Desktop, Cursor, Cline and other MCP clients.
Repository: https://github.com/mozilla/firefox-devtools-mcp
Note: This MCP server requires a local Firefox browser installation and cannot run on cloud hosting services like glama.ai. Use
npx @mozilla/firefox-devtools-mcp@latestto run locally, or use Docker with the provided Dockerfile.
Security
Browser MCP servers carry inherent risks. A few key practices:
- Use a dedicated Firefox profile. Never run the server against your regular profile — the agent has access to whatever the browser can reach, including cookies and saved sessions.
- Be cautious about which sites you visit. Pages can return content designed to manipulate the agent (prompt injection). Stick to sites you control or trust.
- Enable only the tool modules you need. The default
basicpreset already includesevaluate_script;--tool-preset slimdrops it. Higher presets such as--tool-preset developer(debugging, network, console, profiler) and--tool-preset mozilla(privileged context) expand what the agent can do further.
See SECURITY.md for a full breakdown of risks and how to report vulnerabilities.
Requirements
- Node.js ≥ 20.19.0
- Firefox 100+ installed (auto‑detected, or pass
--firefox-path)
Install and use with Claude Code or Codex (npx)
Recommended: use npx so you run the latest published version from npm.
Option A — CLI
Claude Code
claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest
# Headless + viewport via args
インストール
npx -y @mozilla/firefox-devtools-mcp@latest --headless --viewport 1280x720設定
{
"mcpServers": {
"firefox-devtools": {
"command": "npx",
"args": ["-y", "@mozilla/firefox-devtools-mcp@latest", "--headless", "--viewport", "1280x720"],
"env": {
"START_URL": "about:blank"
}
}
}
}