هذه مقالة إرشادية لك حول كيفية البدء باستخدام BrowserMCP.

🚀 让 AI 长出“眼睛”和“手”：دليل المبتدئين لـ BrowserMCP

هل فكرت يومًا أنه إذا كان مساعد الذكاء الاصطناعي الذي تستخدمه بشكل متكرر (مثل Cursor أو Claude Desktop) لا يكتفي بكتابة الأكواد والدردشة فحسب، بل يمكنه أيضًا التحكم مباشرة في متصفحك للبحث عن المعلومات، ملء النماذج، أو جمع بيانات الويب، فكم سيكون ذلك مريحًا؟

يُعد BrowserMCP الأداة المصممة لهذا الغرض. فهو كجسر يربط بين مساعد الذكاء الاصطناعي ومتصفح Chrome، مما يسمح للذكاء الاصطناعي بـ “رؤية” العالم وتنفيذ العمليات عبر المتصفح.

🛠️ التحضيرات

قبل البدء، تأكد من تثبيت البرامج التالية:

Node.js: هو أساس تشغيل الخدمة (يجب تثبيته).
أداة ذكاء اصطناعي تدعم MCP: حاليًا تدعم Cursor، Claude Desktop، Windsurf أو VS Code.
متصفح Chrome (أو متصفح Chromium).

⚡️ ثلاث خطوات للبدء بسرعة

الخطوة الأولى: إعداد “الدماغ” (خادم MCP)

أولاً، نحتاج إلى إخبار أداة الذكاء الاصطناعي الخاصة بك بكيفية الاتصال بخدمة BrowserMCP. هنا نأخذ Cursor كمثال (وClaude Desktop بنفس الطريقة):
افتح لوحة إعدادات Cursor.
ابحث عن علامة التبويب "Tools" (الأدوات).
انقر على "New MCP server" (خادم MCP جديد).
في مربع الإعدادات، أدخل المعلومات التالية:

{
"mcpServers": {
"browsermcp": {
"command": "npx",
"args": ["@browsermcp/mcp@latest"]
}
}
}

انقر على حفظ/تحديث. الآن أصبح الذكاء الاصطناعي جاهزًا لإرسال الأوامر.

الخطوة الثانية: تثبيت “اليدين” (ملحق المتصفح)

بعد ذلك، نحتاج إلى تثبيت “مستقبل” في المتصفح لتنفيذ الأوامر القادمة من الذكاء الاصطناعي.

انتقل إلى الموقع الرسمي لـ BrowserMCP أو متجر الإضافات، وثبّت امتداد Browser MCP.

📌 خطوة مهمة: بعد التثبيت، يُنصَح بتثبيت أيقونة الإضافة في شريط أدوات المتصفح لسهولة الوصول.

انقر على أيقونة Browser MCP في الزاوية العليا اليمنى من المتصفح.
انقر على زر “Connect” (الاتصال).
ملاحظة: هذه الخطوة تربط علامة التبويب الحالية مع الذكاء الاصطناعي. ستُجرى جميع العمليات في هذه العلامة لاحقًا.

الخطوة الثالثة: شاهد السحر (ابدأ التشغيل الآلي)
كل شيء جاهز! الآن عد إلى أداة الذكاء الاصطناعي الخاصة بك (مثل واجهة Chat في Cursor)، وأعطِ الأوامر كما تفعل عادةً:

المستخدم: افتح Google، وابحث عن “Browser MCP” وأخبرني ما هو أول نتيجة في البحث.

ماذا يحدث خلف الكواليس؟

يقوم Cursor بنقل كلامك عبر بروتوكول MCP إلى الخادم المحلي الذي يعمل لديك.

يترجم الخادم الأمر إلى ملحق المتصفح.

يقوم ملحق المتصفح تلقائيًا بفتح Google، وإدخال النص، والنقر على البحث.
يقرأ الملحق محتوى الصفحة، ويرسله مرة أخرى إلى Cursor.
يُختصر المحتوى ويُرد عليك.

💡 نصائح للاستخدام

ماذا يمكن أن يفعل؟

“ساعدني في تلخيص محتوى هذه الصفحة.”

“اطلع على أحدث Issue في هذا المشروع على GitHub.”

“ساعدني في ملء هذا النموذج الاختباري (ببيانات معينة).”

الآن، لم يعد مساعدك الذكاء الاصطناعي محصورًا في مربع الدردشة، جرب أن تجعله يتصفح الإنترنت! 🌊

عرض الفيديو