
mozilla/firefox-devtools-mcp
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
mozilla/firefox-devtools-mcp는 [[T0]에서 가져온 MCP 서버 후보입니다.
개요
mozilla/firefox-devtools-mcp는 [[T0]에서 가져온 MCP 서버 후보입니다.
개요(AI 번역)
AI 에이전트가 Firefox를 사용할 수 있게 해주는 모델 컨텍스트 프로토콜 서버입니다. 두 가지 주요 사용 사례가 있습니다:
- 에이전트 탐색: 에이전트는 페이지를 읽거나 양식을 작성하거나 웹사이트에서 다단계 절차를 진행하는 등 일상적인 작업에 브라우저를 사용합니다.
- 에이전트 지원 웹 개발: 에이전트가 작업 중인 페이지를 불러와서 콘솔, 네트워크 요청, 디버거, 프로파일러 등 개발자 도구로 검사합니다.
이 기기는 WebDriver BiDi(셀레니엄 웹드라이버를 통해)를 통해 파이어폭스를 제어하며, 클로드 코드, 클로드 데스크톱, 커서, 클라인 및 기타 MCP 클라이언트와 함께 작동합니다.
저장소: https://github.com/mozilla/firefox-devtools-mcp
참고: 이 MCP 서버는 로컬 Firefox 브라우저 설치가 필요하며, glama.ai 같은 클라우드 호스팅 서비스에서는 실행할 수 없습니다.
npx @mozilla/firefox-devtools-mcp@latest를 사용해 로컬에서 실행하거나, 제공된 Docker파일을 사용해 Docker를 사용하세요.
보안
브라우저 MCP 서버는 내재된 위험을 내포하고 있습니다. 몇 가지 주요 관행:
- 전용 파이어폭스 프로필을 사용하세요. 서버를 일반 프로필과 대조하지 마세요 — 에이전트는 쿠키와 저장된 세션 등 브라우저가 접근할 수 있는 모든 것에 접근할 수 있습니다.
- **방문할 사이트에 주의하세요.
이 페이지는 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"
}
}
}
}