خادم MCP قائم على إضافة Chrome، يمكّن مساعد الذكاء الاصطناعي من التحكم في متصفحك لأتمتة العمليات وتحليل المحتوى والبحث الدلالي.

مشروع خادم Chrome MCP: وصف تفصيلي

نظرة عامة على المشروع

خادم Chrome MCP هو خادم بروتوكول سياق النموذج (MCP) يعتمد على امتداد Chrome، ويعرض وظائف متصفح Chrome الخاص بك لمساعدي الذكاء الاصطناعي (مثل Claude)، مما يتيح أتمتة المتصفح المعقدة وتحليل المحتوى ووظائف البحث الدلالي.

عنوان المشروع: https://github.com/hangwin/mcp-chrome

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

🌟 أبرز الميزات

• حوّل متصفح Chrome الخاص بك إلى مساعد ذكي - اسمح للذكاء الاصطناعي بالتحكم في متصفحك، وتحويله إلى أداة أتمتة قوية للتحكم في الذكاء الاصطناعي
• استخدم متصفحك اليومي مباشرة - على عكس أدوات أتمتة المتصفح التقليدية (مثل Playwright)، يستخدم خادم Chrome MCP متصفح Chrome اليومي الخاص بك مباشرةً
• حافظ على عادات المستخدم الحالية وتكويناته - استفد من تكوينات المستخدم الحالية وحالات تسجيل الدخول وما إلى ذلك، لجعل النماذج الكبيرة أو روبوتات الدردشة المختلفة مساعدك اليومي حقًا

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

• 😁 عدم الاعتماد على روبوتات الدردشة/النماذج: اسمح لأي عميل أو وكيل LLM أو روبوت دردشة تفضله بأتمتة متصفحك
• ⭐️ استخدم متصفحك الأصلي: تكامل سلس مع بيئة المتصفح الحالية (التكوينات وحالات تسجيل الدخول وما إلى ذلك)
• 💻 محلي بالكامل: خادم MCP محلي بالكامل، مما يضمن خصوصية المستخدم
• 🚄 HTTP قابل للتدفق: طريقة اتصال HTTP قابلة للتدفق
• 🏎 عبر علامات التبويب: دعم سياق عبر علامات التبويب
• 🧠 البحث الدلالي: قاعدة بيانات متجهية مدمجة لاكتشاف محتوى علامة تبويب المتصفح الذكي
• 🔍 تحليل المحتوى الذكي: استخراج النصوص المطورة بالذكاء الاصطناعي ومطابقة التشابه
• 🌐 20+ أداة: يدعم أكثر من 20 أداة مثل لقطات الشاشة ومراقبة الشبكة والعمليات التفاعلية وإدارة الإشارات المرجعية وسجل التصفح وما إلى ذلك
• 🚀 الذكاء الاصطناعي المُسرَّع بـ SIMD: تحسين WebAssembly SIMD مخصص، وتسريع عمليات المتجهات بمقدار 4-8 مرات

مقارنة تقنية

بُعد المقارنة	خادم MCP المستند إلى Playwright	خادم MCP المستند إلى امتداد Chrome
استخدام الموارد	❌ يتطلب بدء عملية متصفح مستقلة وتثبيت تبعيات Playwright وتنزيل الملفات الثنائية للمتصفح وما إلى ذلك	✅ لا حاجة لبدء عملية متصفح مستقلة، استخدم متصفح Chrome الذي فتحه المستخدم مباشرةً
إعادة استخدام جلسة المستخدم	❌ يتطلب إعادة تسجيل الدخول	✅ يستخدم حالة تسجيل الدخول الحالية تلقائيًا
بيئة المتصفح	❌ بيئة نظيفة تفتقر إلى إعدادات المستخدم	✅ يحتفظ ببيئة المستخدم بالكامل
الوصول إلى واجهة برمجة التطبيقات	✅ وصول كامل إلى واجهة برمجة تطبيقات Chrome الأصلية	✅ وصول كامل إلى واجهة برمجة تطبيقات Chrome الأصلية
سرعة البدء	❌ يتطلب بدء عملية المتصفح	✅ ما عليك سوى تنشيط الامتداد
سرعة الاستجابة	50-200 مللي ثانية اتصال بين العمليات	✅ أسرع

متطلبات النظام

• Node.js 18+ و pnpm
• متصفح Chrome/Chromium

التثبيت والتكوين

1. تنزيل امتداد Chrome

قم بتنزيل أحدث امتداد Chrome من GitHub:

رابط التنزيل: https://github.com/hangwin/mcp-chrome/releases

2. تثبيت mcp-chrome-bridge عالميًا

باستخدام npm:

npm install -g mcp-chrome-bridge

باستخدام pnpm:

pnpm install -g mcp-chrome-bridge

3. تحميل امتداد Chrome

قم بتحميل ملف الامتداد الذي تم تنزيله في متصفح Chrome.

4. تكوين Claude Desktop

أضف التكوين التالي إلى تكوين MCP الخاص بـ Claude Desktop:

{
  "mcpServers": {
    "streamable-mcp-server": {
      "type": "streamable-http",
      "url": "http://127.0.0.1:12306/mcp"
    }
  }
}

شرح تفصيلي لتصنيف الأدوات

📊 إدارة المتصفح (4 أدوات)

• get_windows_and_tabs: سرد جميع نوافذ وعلامات تبويب المتصفح
• chrome_navigate: التنقل إلى عنوان URL والتحكم في منفذ العرض
• chrome_close_tabs: إغلاق علامات تبويب أو نوافذ معينة
• chrome_go_back_or_forward: التحكم في التنقل في المتصفح

📸 لقطات الشاشة والمرئيات (أداة واحدة)

• chrome_screenshot: التقاط لقطات شاشة متقدمة، يدعم تحديد موقع العناصر ودعم الصفحة الكاملة والأبعاد المخصصة

🌐 مراقبة الشبكة (4 أدوات)

• chrome_network_capture_start/stop: التقاط شبكة webRequest API
• chrome_network_debugger_start/stop: مصحح أخطاء API مع نص الاستجابة
• chrome_network_request: إرسال طلب HTTP مخصص

🔍 تحليل المحتوى (3 أدوات)

• search_tabs_content: بحث دلالي مدعوم بالذكاء الاصطناعي عبر علامات تبويب المتصفح
• chrome_get_web_content: استخراج محتوى HTML/نص من الصفحة
• chrome_get_interactive_elements: البحث عن العناصر القابلة للنقر

🎯 التفاعل (3 أدوات)

• chrome_click_element: النقر على العناصر باستخدام محددات CSS
• chrome_fill_or_select: ملء النماذج وتحديد الخيارات
• chrome_keyboard: محاكاة إدخال لوحة المفاتيح والاختصارات

📚 إدارة البيانات (5 أدوات)

• chrome_history: البحث في سجل المتصفح باستخدام مرشحات الوقت
• chrome_bookmark_search: البحث عن الإشارات المرجعية بالكلمات الرئيسية
• chrome_bookmark_add: إضافة إشارات مرجعية جديدة مع دعم المجلدات
• chrome_bookmark_delete: حذف الإشارات المرجعية

أمثلة على الاستخدام

أمثلة على الاستعلامات

فيما يلي بعض العروض التوضيحية لسيناريوهات الاستخدام الفعلي:

1. استعلام تحليل API: "أريد أن أعرف ما هو API البحث الخاص بـ Xiaohongshu، وما هو هيكل الاستجابة"
2. تحليل السجل: "تحليل سجل التصفح الخاص بي للشهر الماضي"
3. معالجة المحتوى: "ترجمة وتلخيص الصفحة الحالية"
4. وظيفة لقطة الشاشة: "التقط لقطة شاشة للصفحة الرئيسية لـ Hugging Face"
5. التقاط العناصر: "التقط الرموز من الصفحة الرئيسية لـ Hugging Face"
6. إدارة الإشارات المرجعية: "أضف الصفحة الحالية إلى الإشارات المرجعية وضعها في المجلد المناسب"
7. إدارة علامات التبويب: "أغلق جميع صفحات الويب المتعلقة بـ shadcn"

الوثائق ذات الصلة

• وثيقة تصميم البنية: وثيقة معمارية تقنية مفصلة
• وثيقة API للأداة: وثيقة API كاملة للأداة
• دليل استكشاف الأخطاء وإصلاحها: حلول للمشاكل الشائعة

ملخص

خادم Chrome MCP هو مشروع مبتكر يكسر قيود أدوات أتمتة المتصفح التقليدية، ويستخدم مباشرة بيئة المتصفح اليومية للمستخدم، ويوفر لمساعدي الذكاء الاصطناعي قدرات قوية للتحكم في المتصفح. من خلال مجموعة الأدوات الغنية والتصميم الأمني المحلي، يمكن للمستخدمين السماح للذكاء الاصطناعي بأن يصبح مساعد التصفح اليومي الخاص بهم حقًا، مما يحسن بشكل كبير كفاءة العمل وتجربة المستخدم.