Firefox DevTools MCP

Model Context Protocol सर्वर जो AI एजेंट्स को Firefox का उपयोग करने देता है। इसके दो मुख्य उपयोग हैं:

• एजेंटिक ब्राउज़िंग: एजेंट सामान्य कार्यों के लिए ब्राउज़र का उपयोग करता है, जैसे पेज पढ़ना, फ़ॉर्म भरना और वेबसाइटों पर बहु-चरणीय प्रवाह से गुज़रना।
• एजेंट-सहायित वेब विकास: एजेंट उस पेज को लोड करता है जिस पर आप काम कर रहे हैं और डेवलपर टूल्स, जैसे कंसोल, नेटवर्क अनुरोध, डीबगर और प्रोफाइलर, के साथ उसका निरीक्षण करता है।

यह 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 का उपयोग करें, या दिए गए Dockerfile के साथ Docker का उपयोग करें।

सुरक्षा

ब्राउज़र MCP सर्वर में अंतर्निहित जोखिम होते हैं। कुछ प्रमुख प्रथाएँ:

• एक समर्पित Firefox प्रोफ़ाइल का उपयोग करें। सर्वर को कभी भी अपनी नियमित प्रोफ़ाइल के साथ न चलाएँ — एजेंट के पास वह सब कुछ पहुँच होता है जो ब्राउज़र तक पहुँच सकता है, जिसमें कुकीज़ और सहेजे गए सत्र शामिल हैं।
• सावधान रहें कि आप कौन सी साइटें देखते हैं। पेज ऐसी सामग्री लौटा सकते हैं जो एजेंट को हेरफेर करने के लिए डिज़ाइन की गई हो (प्रॉम्प्ट इंजेक्शन)। उन साइटों तक ही सीमित रहें जिन्हें आप नियंत्रित करते हैं या जिन पर आप भरोसा करते हैं।
• केवल वही टूल मॉड्यूल सक्षम करें जिनकी आपको आवश्यकता है। डिफ़ॉल्ट basic प्रीसेट में पहले से ही evaluate_script शामिल है; --tool-preset slim इसे हटा देता है। उच्चतर प्रीसेट जैसे --tool-preset developer (डीबगिंग, नेटवर्क, कंसोल, प्रोफाइलर) और --tool-preset mozilla (विशेषाधिकार प्राप्त संदर्भ) एजेंट की क्षमताओं का और विस्तार करते हैं।

जोखिमों के पूर्ण विवरण और कमज़ोरियों की रिपोर्ट कैसे करें, इसके लिए SECURITY.md देखें।

आवश्यकताएँ

• Node.js ≥ 20.19.0
• Firefox 100+ इंस्टॉल होना चाहिए (स्वतः पहचाना जाता है, या --firefox-path पास करें)

Claude Code या Codex के साथ इंस्टॉल करें और उपयोग करें (npx)

अनुशंसित: npx का उपयोग करें ताकि आप npm से नवीनतम प्रकाशित संस्करण चला सकें।

विकल्प A — CLI

Claude Code

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

# Headless + viewport via args
claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest -- --headless --viewport 1280x720

# Or via environment variables
claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest \
  --env START_URL=https://example.com \
  --env FIREFOX_HEADLESS=true

Codex

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

# Headless + viewport via args
codex mcp add firefox-devtools -- \
  npx @mozilla/firefox-devtools-mcp@latest -- --headless --viewport 1280x720

# Or via environment variables
codex mcp add firefox-devtools \
  --env START_URL=https://example.com \
  --env FIREFOX_HEADLESS=true \
  -- npx @mozilla/firefox-devtools-mcp@latest

विकल्प B — कॉन्फ़िगरेशन फ़ाइल संपादित करें

Claude Code

Claude Code की mcp_settings.json में जोड़ें:

{
  "mcpServers": {
    "firefox-devtools": {
      "command": "npx",
      "args": ["-y", "@mozilla/firefox-devtools-mcp@latest", "--headless", "--viewport", "1280x720"],
      "env": {
        "START_URL": "about:blank"
      }
    }
  }
}

Codex

~/.codex/config.toml में जोड़ें:

[mcp_servers.firefox-devtools]
command = "npx"
args = ["-y", "@mozilla/firefox-devtools-mcp@latest", "--headless", "--viewport", "1280x720"]

[mcp_servers.firefox-devtools.env]
START_URL = "about:blank"

विकल्प C — हेल्पर स्क्रिप्ट (स्थानीय डेव बिल्ड)

npm run setup
# Choose Claude Code; the script saves JSON to the right path

MCP Inspector के साथ इसे आज़माएँ

npx @modelcontextprotocol/inspector npx @mozilla/firefox-devtools-mcp@latest --start-url https://example.com --headless

फिर इस तरह के टूल्स को कॉल करें:

• list_pages, select_page, navigate_page
• take_snapshot फिर click_by_uid / fill_by_uid
• list_network_requests (हमेशा सक्रिय कैप्चर), get_network_request
• list_downloads (हमेशा सक्रिय कैप्चर), set_download_behavior
• screenshot_page, list_console_messages

CLI विकल्प

आप फ़्लैग या एनवायरनमेंट वेरिएबल पास कर सकते हैं (नाम दाईं ओर):