تستخدم Google تكنولوجيا الذكاء الاصطناعي لترجمة المحتوى إلى لغتك المفضّلة، وقد تتضمّن بعض الأخطاء.

WebMCP

Alexandra Klepper

François Beaufort

Kasper Kulikowski

تاريخ النشر: 18 مايو 2026، تاريخ آخر تعديل: 7 أكتوبر 2026

WebMCP هو معيار ويب مقترَح لمساعدتك في إنشاء أدوات منظَّمة وعرضها لوكلائنا من الذكاء الاصطناعي. توفّر WebMCP JavaScript وتضيف تعليقات توضيحية إلى عناصر نماذج HTML لكي تعرف الوكلاء بالضبط كيفية التفاعل مع ميزات الصفحة، وذلك لدعم تجربة المستخدم. ويمكن أن يؤدي ذلك إلى تحسين أداء عمليات التفعيل التي يجريها الوكيل وموثوقيتها بشكل كبير.

وكلاء الذكاء الاصطناعي هم تكنولوجيا أحدث. ويمكن أن تساعد المستخدمين البشريين في إكمال المهام المعقدة والفنية بشكل أفضل. توفّر WebMCP دقة أعلى في إكمال المهام التي تنفّذها البرامج، ويمكن إضافتها كتحسين تدريجي.

فيديو توضيحي	الويب	الإضافات	حالة Chrome	النيّة بالشراء
Github	مرحلة التجربة والتقييم		العرض	Intent to Experiment

لماذا WebMCP؟

توفّر WebMCP قواعد للتفاعل تسدّ الفجوة بين تطبيقات الويب والوكلاء، ما يؤدي إلى تحسين الكفاءة والموثوقية وإكمال المهام. بدلاً من أن يراجع وكيل العنصر، مثل زر أو حقل، لفهم الغرض منه، يحدّد الموقع الإلكتروني الغرض من العنصر، وبالتالي يتم استخدامه على النحو المنشود.

وهذه الطريقة أكثر موثوقية من التفعيل الذي قد يتضمّن خطوات عديدة ويترك كل خطوة عرضة لتفسير الوكيل.

على يمين الشاشة، يزحف الوكيل إلى DOM. على اليسار، يستدعي الوكيل أداةً. يمكنك تجربة هذه الميزة بنفسك من خلال العرض التوضيحي الخاص بحجز المواعيد.

يمكن للمواقع الإلكترونية مشاركة الغرض الواضح، مثل البحث أو الشراء، من خلال تحديد tool. يتم تنفيذ الأدوات على صفحة الويب بشكل مرئي، ما يمنح المستخدمين الثقة بأنّ المهام ستُكمل على النحو المتوقّع. ويحافظ ذلك أيضًا على علامتك التجارية وخيارات التصميم التي تركّز على المستخدم.

تتيح WebMCP ما يلي:

الاكتشاف: طريقة عادية لتسجيل الأدوات لدى برامج الزحف، مثل checkout أو filter_results.
مخططات JSON: تعريفات واضحة للمدخلات والمخرجات المتوقّعة، للحدّ من الهلوسة أو سوء الفهم.
الحالة: فهم مشترك لسياق الصفحة الحالية، ما يتيح للوكيل معرفة الموارد المتاحة لاتّخاذ إجراء في الوقت الفعلي.

هدفنا هو إنشاء واجهات برمجة تطبيقات يمكن لأي متصفّح يتضمّن إمكانات بالذكاء الاصطناعي الوكيل تنفيذها والاستفادة منها، ما يتيح للمستخدمين إكمال المهام بسهولة أكبر. يمكنك متابعة هذه العملية على GitHub.

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

يمكنك استخدام WebMCP على الويب بطرق عديدة. على سبيل المثال:

مساعدة العملاء في الحصول على الدعم إذا كنت توفّر برنامجًا للعملاء، قد يكون لديك مسار دعم معقّد للإجابة عن العديد من الأسئلة المختلفة. يمكنك استخدام WebMCP لمساعدة وكيل الدعم في الانتقال بشكل أسرع إلى النموذج المناسب وملء الحقول بالمعلومات المقدَّمة من المستخدم.
تحسين حجز رحلات السفر: مساعدة الوكلاء في حجز رحلات معقّدة إلى مدن متعدّدة ولأكثر من مسافر ببضع خطوات فقط

قد تكون بعض الإجراءات حسّاسة، مثل إجراء عملية شراء. يمكنك تضمين أمر لطلب تفاعل المستخدم مع مربّع حوار التأكيد.

من الناحية العملية، يمكن أن تُنجز أدواتك المهام التالية:

ملء النماذج المنظَّمة: يمكنك إنشاء أداة submit_application لمساعدة الموظفين في ربط البيانات التي تم جمعها من المحادثة مع المستخدم بحقول النموذج بشكل صحيح. على سبيل المثال، يمكنك التمييز بين ما إذا كان الحقل يتطلّب اسمًا كاملاً أو اسمًا أولاً واسم عائلة منفصلَين.
تفاعلات موظفي الدعم في واجهات مصمّمة للمستخدمين: تم تصميم بعض الحقول للمستخدمين، ولكن قد لا تفهمها البرامج الآلية. يمكنك إنشاء date_pick أداة تتيح اختيار تاريخ ووقت معقّدين في حجز فندق أو تذكرة لحضور حدث.
تصحيح أخطاء التطبيقات بشكل أسرع: يمكنك إنشاء أداة run_diagnostics في صفحة إعدادات المطوّرين، ما يتيح للموظف بدء عمليات الإصلاح التي تكون مخفية خلف القوائم المتداخلة.

هل حالة الاستخدام غير متوفّرة؟ أو هل لديك فكرة تريد مشاركتها بشأن WebMCP؟ طرح الأسئلة والمشاركة في المناقشة على GitHub

البدء

الانضمام إلى مرحلة التجربة والتقييم لـ WebMCP من الإصدار 149 من Chrome مزيد من المعلومات عن كيفية بدء استخدام التجارب الأصلية

Local WebMCP

تتوفّر WebMCP كميزة تجريبية في Chrome للتطوير المحلي:

افتح Chrome وانتقِل إلى chrome://flags/#enable-webmcp-testing
اضبط العلامة على مفعّلة.
أعِد تشغيل Chrome لتطبيق التغييرات.

استخدام واجهات برمجة تطبيقات WebMCP

تتوفّر واجهتا برمجة تطبيقات يمكنك استخدامهما لإعداد أدوات موقعك الإلكتروني:

واجهة برمجة التطبيقات الإجرائية: يمكنك تحديد أنواع مختلفة من الأدوات باستخدام JavaScript العادي، مثل إدخال النماذج أو أدوات التنقّل أو إدارة الحالة أو وظائف أخرى.
واجهة Declarative API: أضِف تعليقات توضيحية إلى نماذج HTML عادية لإنشاء أداة WebMCP.

يمكنك تصحيح أخطاء أدوات WebMCP والتحقّق من طريقة تحليل المتصفّح لمخطط JSON باستخدام "أدوات مطوّري البرامج في Chrome".

القيود

على الرغم من أنّ WebMCP يهدف إلى تبسيط المهام المعقّدة للوكلاء والمستخدمين، إلا أنّه يتضمّن بعض القيود:

التصفّح بلا واجهة مستخدم رسومية: على الرغم من أنّه قد يكون من الممكن تشغيل أدوات WebMCP في بيئات بلا واجهة مستخدم رسومية، تم تصميم واجهة برمجة التطبيقات هذه في الأساس لسير عمل المتصفّح المحلي الذي يتضمّن الإشراف البشري.
العبء الزائد للواجهات المعقّدة: إذا كان موقعك الإلكتروني معقّدًا للغاية، من المحتمل أن تحتاج إلى إعادة تصميم أو إضافة JavaScript للتعامل مع حالة التطبيق والواجهة.
إمكانية العثور على الأدوات: يجب أن ينتقل العملاء والمتصفّحات إلى الموقع الإلكتروني مباشرةً لمعرفة ما إذا كان يتضمّن أدوات يمكن استدعاؤها.

سياسة الأذونات

يتم التحكّم في الوصول إلى كلتا واجهتَي برمجة التطبيقات من خلال tools سياسة الأذونات. تكون القيمة التلقائية للسياسة هي self، ما يسمح بتسجيل الأدوات في سياقات المستوى الأعلى والسياقات ذات المصدر نفسه، ويوقفها لإطارات iframe المتعددة المصادر.

للسماح بأدوات WebMCP في إطار iframe متعدد المصادر، أضِف السمة allow="tools" إلى إطار iframe.

عرض توضيحي

تتوفّر أمثلة على العروض التوضيحية التي تغطي كلاً من عمليات التنفيذ الإجرائية والتصريحية، وهي:

تستخدم WebMCP zaMaker واجهة برمجة التطبيقات WebMCP Imperative API.
يستخدم العرض التوضيحي للسفر (React) واجهة برمجة التطبيقات الإلزامية WebMCP.
يستخدم العرض التوضيحي Le Petit Bistro واجهة برمجة التطبيقات WebMCP Declarative API.

يمكنك أيضًا مراجعة الرمز المصدر الخاص بالعرض التوضيحي واستكشافه على GitHub.

محاكاة وكيل لاختبار أدواتك

لقد أنشأنا إضافتَين في Chrome لمساعدتك في معرفة طريقة عمل أدوات WebMCP في العروض التوضيحية والتطبيقات.

ثبِّت إضافة Chrome النموذجية التي تستخدم الذكاء الاصطناعي الوكيل لفحص أدوات WebMCP ومراقبتها وتنفيذها باستخدام طلبات باللغة الطبيعية. على وجه الخصوص، تثق هذه الإضافة دائمًا في التعليقات التوضيحية الخاصة بـ WebMCP، والتي يمكن أن تنبّه الوكيل إلى الإجراءات الحسّاسة. يوضّح ذلك كيف يمكن أن تعمل إحدى الأدوات بشكل مختلف عند استخدام التعليقات التوضيحية.

تستخدم هذه الإضافة تلقائيًا خادم Node صغيرًا مع حزمة تطوير برامج (SDK) للذكاء الاصطناعي. مفاتيح واجهة برمجة التطبيقات مطلوبة وتبقى على الخادم المحلي. يتم إرسال الطلبات إلى نموذج gemini-3.6-flash تلقائيًا، ولكن يمكنك تعديل خيار النموذج ومزوّد واجهة برمجة التطبيقات في ملف .env الخاص بالإضافة. تتضمّن الإضافة حقولاً خاصة بـ OpenAI وGoogle وAnthropic، أو يمكنك تخصيصها لاستخدام نموذج من مقدّم خدمة آخر.

بدلاً من ذلك، يمكنك استخدام نموذج من جهة العميل مع Prompt API. ولا يتطلّب ذلك مفاتيح واجهة برمجة التطبيقات، وتبقى البيانات على جهازك. لإجراء ذلك، فعِّل chrome://flags/#prompt-api-tool-use.

ثبِّت إضافة Model Context Tool Inspector لتجربة أحد الوكلاء ومعرفة طريقة عمل أدوات WebMCP في العروض التوضيحية المباشرة أو في تطبيقاتك. استخدِم طلبات باللغة الطبيعية لتحديد ما إذا كان الوكيل يتفاعل مع أدوات WebMCP على النحو المتوقّع.

لاستخدام Gemini في استدعاء أدواتك، يجب أن يكون لديك مفتاح واجهة برمجة تطبيقات تقدّمه في واجهة الإضافة. يتم إرسال طلباتك تلقائيًا إلى نموذج gemini-3.6-flash. يمكنك اختيار نموذج Gemini مختلف لتجربته أو تخصيص رمز الإضافة لاستخدام نموذج مقدّم خدمة آخر.

التفاعل ومشاركة الملاحظات

لا يزال WebMCP قيد المناقشة النشطة، وقد يخضع للتغيير في المستقبل. إذا جرّبت هذه الواجهات وأردت مشاركة ملاحظاتك، يسعدنا تلقّيها.

انضم إلى مرحلة التجربة والتقييم لـ WebMCP، واتّبِع خطوات التنفيذ في Chrome على حالة Chrome.
قراءة شرح WebMCP وطرح الأسئلة والمشاركة في المناقشة
اطّلِع على أفضل الممارسات المتعلّقة بـ WebMCP.
اطّلِع على إرشادات الأمان الخاصة بأداة WebMCP وأفضل الممارسات.
إذا كان لديك ملاحظات حول طريقة تنفيذ Chrome لهذه الميزة، يمكنك الإبلاغ عن خطأ في Chromium.

Imperative API