/ الدليل / الملعب / Chrome MCP
● مجتمع hangwin ⚡ فوري

Chrome MCP

بواسطة hangwin · hangwin/mcp-chrome

دع Claude يقود Chrome الحقيقي لديك — المسجَّل دخوله بالفعل بكوكيز وجلساتك — لأتمتة المتصفح والبحث.

يُثبَّت Chrome MCP كامتداد Chrome ويكشف وظائف المتصفح لـ Claude: التنقل، النقر، الكتابة، التقاط لقطات الشاشة، الاستخراج، والبحث الدلالي عبر علامات التبويب. لأنه يستخدم متصفحك الفعلي، يعمل على المواقع التي تحجب البوتات غير المرئية، ويتيح لـ Claude التصرف داخل جلسات مصادقة مفتوحة مسبقًا.

لماذا تستخدمه

الميزات الأساسية

عرض مباشر

كيف يبدو في الممارسة

mcp-chrome.replay ▶ جاهز
0/0

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "mcp-chrome": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-chrome-bridge"
      ]
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "mcp-chrome": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-chrome-bridge"
      ]
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "mcp-chrome": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-chrome-bridge"
      ]
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "mcp-chrome": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-chrome-bridge"
      ]
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "mcp-chrome",
      "command": "npx",
      "args": [
        "-y",
        "mcp-chrome-bridge"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json
{
  "context_servers": {
    "mcp-chrome": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "mcp-chrome-bridge"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add mcp-chrome -- npx -y mcp-chrome-bridge

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

حالات الاستخدام

استخدامات عملية: Chrome MCP

أجرِ بحثًا على مواقع تتطلب تسجيل الدخول دون إعطاء Claude كلمة مرورك

👤 الباحثون والمحللون الذين يستخدمون محتوى بالاشتراك ⏱ ~20 min beginner

متى تستخدمه: أنت مسجّل دخولك في موقع مدفوع أو لوحة تحكم محمية وتريد من Claude قراءته.

المتطلبات الأساسية
  • امتداد Chrome مثبَّت — ثبّته من Chrome Web Store؛ يتصل bridge MCP تلقائيًا
  • الموقع المستهدف مفتوح ومصادق عليه في Chrome — سجّل الدخول يدويًا في علامة تبويب عادية أولًا
الخطوات
  1. تأكيد علامات التبويب
    أدرج علامات تبويب Chrome المفتوحة.✓ تم النسخ
    → عناوين علامات التبويب وعناوين URL لكل علامة نشطة
  2. الاستخراج
    من علامة تبويب Bloomberg، استخرج نص المقالة وجدول البيانات في الشريط الجانبي.✓ تم النسخ
    → محتوى منظم مسحوب؛ لا خطأ "تعذّر الوصول"
  3. تركيب عبر علامات التبويب
    عبر علامات التبويب الثلاث لمزودي البحث المفتوحة لديّ، ما الرأي الجماعي حول X؟✓ تم النسخ
    → تركيب مع استشهادات لكل علامة تبويب

النتيجة: إجابات مدعومة بمحتوى حقيقي مصادق عليه، دون سحب صفحات تسجيل الدخول.

المزالق
  • انتهاء الجلسة في منتصف المهمة — يُظهر الامتداد نافذة تحديث؛ أعد المصادقة في تلك العلامة وحاول مجددًا
اجمعها مع: memory

اكتشف تراجعات UI بالتقاط لقطات شاشة للتدفقات في بناء التطوير لديك

👤 مهندسو الواجهة الأمامية ⏱ ~30 min intermediate

متى تستخدمه: أنجزت للتو إعادة هيكلة CSS وتريد مقارنة بصرية على 10 صفحات رئيسية.

الخطوات
  1. افتح الخط الأساسي
    افتح صفحات موقعي التطويري المدرجة في /qa/flows.json والتقط لقطة شاشة لكل منها في /screenshots/before/.✓ تم النسخ
    → لقطات شاشة مأخوذة بأسماء ملفات تطابق عناوين URL
  2. المقارنة
    بعد النشر، التقط لقطات جديدة وقارنها مع /screenshots/before/. لخّص التغييرات البصرية لكل صفحة.✓ تم النسخ
    → تقرير مقارنة لكل صفحة مع ملاحظات ملموسة

النتيجة: تقرير تراجع بصري في 5 دقائق باستخدام بيئة متصفحك الحقيقية.

المزالق
  • اختلاف لقطات الشاشة بسبب تحميل الخطوط — أضف خطوة sleep أو wait_for_selector قبل الالتقاط
اجمعها مع: filesystem

التركيبات

اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10

mcp-chrome + filesystem

حفظ الصفحات المستخرجة على القرص للفهرسة لاحقًا

استخرج هذه العلامة واكتب إلى /research/ai-paper-notes.md.✓ تم النسخ
mcp-chrome + memory

تذكّر النتائج الرئيسية عبر جلسات التصفح

لخّص ما قرأته اليوم وخزّنه في memory.✓ تم النسخ

الأدوات

ما يوفره هذا الـ MCP

الأداةالمدخلاتمتى تستدعيهاالتكلفة
list_tabs none بداية أي جلسة لمعرفة ما هو متاح free
read_tab tab_id: int اسحب المحتوى من علامة تبويب بعينها free
click tab_id, selector: str تفاعل مع عناصر الصفحة free
screenshot tab_id, full_page?: bool التقاط بصري للمقارنة أو المراجعة free
search_tabs query: str ابحث عن علامة التبويب التي تناقش X free

التكلفة والحدود

تكلفة التشغيل

حصة API
محلي — غير محدود
الرموز لكل استدعاء
استخراجات DOM قد تكون كبيرة؛ 5k–50k رمز
التكلفة المالية
مجاني
نصيحة
استخدم read_tab مع selector لتحديد نطاق الاستخراج بدلًا من سحب DOM الكامل

الأمان

الصلاحيات والأسرار ونطاق الأثر

الحد الأدنى من الصلاحيات: chrome.tabs chrome.scripting
تخزين بيانات الاعتماد: لا شيء — Chrome يحتفظ بالجلسات
نقل البيانات الخارجي: محتويات علامات التبويب تتدفق عبر عميل MCP إلى مزود LLM
لا تمنح أبدًا: access to incognito without reason

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

الامتداد غير مكتشَف

ثبّت الامتداد في شريط الأدوات؛ الثنائي bridge يحتاج استطلاع الامتداد له

تحقق: chrome://extensions shows it enabled
محتوى علامة التبويب فارغ

الصفحة قد تستخدم shadow DOM — جرّب read_tab مع include_shadow=true

النقرات لا تُسجَّل

الموقع يستخدم مكافحة الأتمتة (Cloudflare وغيره). جرّب التمرير أولًا لتشغيل التحميل الكسول.

البدائل

Chrome MCP مقابل البدائل

البديلمتى تستخدمهاالمقايضة
chrome-devtools MCPتريد بروتوكول DevTools (وحدة تحكم، شبكة، أداء) لا أتمتة المستخدمDevTools MCP لا يقود الواجهة — بل يفحصها
playwright MCPتريد أتمتة غير مرئية في CIلا حالة مصادقة؛ عرضة لكشف البوت

المزيد

الموارد

📖 اقرأ ملف README الرسمي على GitHub

🐙 تصفح القضايا المفتوحة

🔍 تصفح أكثر من 400 خادم MCP و Skills