١١أكتوبر
بواسطة Malek Al-Ahdab
Chrome DevTools MCP أم Playwright MCP: متى تستخدم كل أداة؟
يمكن لمساعد الذكاء الاصطناعي أن يقترح أسباب بطء صفحة أو تعطل نموذج. لكن منحه أدوات للوصول إلى المتصفح يتيح له فحص المشكلة بدلا من التخمين. توفر أداتا Chrome DevTools MCP وPlaywright MCP هذا الوصول، مع اختلاف في المهام التي تبرز فيها كل منهما.
الخلاصة السريعة: ابدأ بـ Chrome DevTools MCP عندما تحتاج إلى فهم ما يحدث داخل Chrome، وابدأ بـ Playwright MCP عندما تريد استكشاف رحلة المستخدم، خصوصا عبر محركات متصفحات مختلفة. لا توجد أداة أفضل في جميع الحالات.
هذه مراجعة للوثائق، وليست اختبارا مباشرا أو مقارنة لقياسات الأداء. الأمثلة التالية مهام تقييم افتراضية، وليست نتائج مشاريع منفذة.
| السؤال | Chrome DevTools MCP | Playwright MCP |
|---|---|---|
| من أين تبدأ؟ | فحص الأداء أو عطل داخل Chrome | استكشاف مسار مستخدم عبر محركات المتصفحات التي تم إعدادها |
| ما الأدلة المطلوبة؟ | تتبعات الأداء ورسائل وحدة التحكم واستجابات الشبكة | نتائج الخطوات ولقطات منظمة للصفحة، مع صور شاشة للمراجعة البصرية |
| ما الذي لم يثبت بعد؟ | سلوك المتصفحات الأخرى وتجربة المستخدم الفعلية خارج ظروف التسجيل | جميع تركيبات Safari والأجهزة، وتغطية اختبارات انحدار قابلة للتكرار |
ما الذي يضيفه MCP؟
يتيح بروتوكول سياق النموذج، أو Model Context Protocol (MCP)، طريقة موحدة يستدعي بها عميل الذكاء الاصطناعي الأدوات التي يوفرها خادم. وفي هذه الحالة، تسمح الأدوات للمساعد بفتح الصفحات وفحص حالتها والنقر على الأزرار وتعبئة النماذج وجمع الأدلة. ويظل بحاجة إلى هدف واضح وصلاحيات مناسبة ومراجعة بشرية لاستنتاجاته.
Chrome DevTools MCP: افهم ما يجري داخل المتصفح
تنقل هذه الأداة إمكانات Chrome DevTools إلى سير عمل مساعد الذكاء الاصطناعي. وتبرز خصوصا في تشخيص الأداء: تسجيل تتبعات الأداء وتحليلها لمعرفة أين يستهلك تحميل الصفحة أو التفاعل معها الوقت. ويساعد فحص طلبات الشبكة ورسائل وحدة التحكم على ربط المشكلة الظاهرة بالطلبات أو أخطاء JavaScript التي تقف خلفها.
تستطيع الأداة أيضا تنفيذ إجراءات المتصفح المعتادة والتقاط صور للشاشة ولقطات منظمة للصفحة، وليست أداة تشخيص تكتفي بالمراقبة. ويركز دعمها الرسمي على Google Chrome وChrome for Testing، وليس على مجموعة من محركات المتصفحات المختلفة.
متى تكون نقطة البداية الأنسب؟
- صفحة هبوط بطيئة: افحص ظهور أكبر عنصر محتوى وتحميل الموارد والعمل على المسار الرئيسي قبل اختيار ما ينبغي تحسينه.
- تفاعل معطل في Chrome: أعد تنفيذ الخطوات وافحص أخطاء وحدة التحكم واستجابة طلب الشبكة المرتبط بالمشكلة.
- تحسين تريد التحقق منه: قارن تتبعات الأداء في ظروف متقاربة، بدلا من الاكتفاء بانطباع أن الصفحة أصبحت أسرع.
مثال لطلب من المساعد: «افتح الصفحة الرئيسية في بيئة الاختبار، وسجل تتبع أداء، وحدد أبرز العوامل المرتبطة بتأخر التحميل. افصل بين الملاحظات والفرضيات، واقترح أصغر تعديل يستحق الفحص أولا».
Playwright MCP: استكشف رحلة المستخدم
توفر Playwright MCP أدوات لأتمتة المتصفح مبنية على Playwright. ويعتمد أسلوب التفاعل المعتاد فيها على لقطات منظمة لشجرة إمكانية الوصول، وهي تمثيل لعناصر مثل الأزرار والروابط وحقول النماذج. يستطيع المساعد التعامل مع هذا التمثيل دون الحاجة إلى تفسير صور الشاشة، بينما تظل الصور مفيدة للمراجعة البصرية.
تدعم إعداداتها متصفحات مبنية على Chromium، إلى جانب Firefox وWebKit، مما يجعلها نقطة بداية مناسبة لاستكشاف المسار نفسه عبر محركات مختلفة. لكن فحص WebKit لا يعادل اختبار كل إصدار من Safari على جهاز Apple فعلي. وتعتمد المتصفحات المتاحة على البيئة أيضا؛ إذ يقتصر إعداد Docker الموثق على Chromium دون واجهة مرئية.
متى تكون نقطة البداية الأنسب؟
- مسار متعدد الخطوات: استكشف التسجيل أو البحث أو الحجز أو إتمام الشراء باستخدام بيانات اختبار، وتحقق من نتيجة كل خطوة.
- واجهة بلغتين: انتقل بين العربية والإنجليزية، وافحص النماذج والتنقل، واستخدم صور الشاشة لمراجعة تخطيط الواجهة من اليمين إلى اليسار.
- عطل مرتبط بمتصفح معين: كرر السيناريو في جلسات مضبوطة لكل متصفح لتحديد موضع اختلاف السلوك.
مثال لطلب من المساعد: «استخدم حساب اختبار في بيئة الاختبار لاستكشاف مسار الحجز بالعربية والإنجليزية. افحص رسائل الحقول المطلوبة وتبديل اللغة وشاشة التأكيد. لا تنشئ حجزا مدفوعا ولا ترسل بيانات عملاء حقيقية».
انتبه إلى الإمكانات المشتركة
تستطيع الأداتان التنقل والتفاعل مع الصفحات والتقاط صور الشاشة وعرض معلومات من وحدة التحكم والشبكة. وتدعمان فحصا منظما للصفحة، لذلك لا يصح اختزال الفرق في «صور شاشة مقابل شجرة إمكانية الوصول». اختر بحسب الفحص المطلوب: تشخيص معمق يركز على Chrome، أو أتمتة مسارات العمل وتغطية محركات المتصفحات باستخدام Playwright. وقد تحتاج بعض الإمكانات إلى إعداد إضافي، كما قد تتغير الأدوات المتاحة بين الإصدارات.
استخدم الأداتين عندما تتداخل المشكلة
لنفترض أن إتمام الشراء يتوقف بعد اختيار وسيلة التوصيل. استخدم Playwright MCP لاستكشاف تسلسل الخطوات وتحديد لحظة التعطل. ثم افحص إعادة إنتاج المشكلة في Chrome باستخدام Chrome DevTools MCP: هل يرتبط التأخير بطلب شبكة أم بتنفيذ JavaScript أم بالرسم؟ بعد معالجة السبب، أعد تنفيذ المسار وقارن القياسات المرتبطة به.
Playwright MCP ليست Playwright Test. يفيد الاستكشاف الذي يقوده المساعد في اكتشاف المشكلات، لكنه ليس مجموعة اختبارات انحدار قابلة للتكرار. حول النتائج المهمة إلى اختبارات تتم صيانتها، بشروط تحقق صريحة وبيانات مضبوطة، باستخدام Playwright Test أو إطار الاختبار الموجود في مشروعك. وبالمثل، فإن تتبع الأداء في بيئة اختبار يقدم دليلا ضمن ظروف محددة، ولا يثبت تجربة كل مستخدم فعلي.
امنح الوصول إلى المتصفح بوعي
استخدم بيئة اختبار وحسابات تجريبية وملفات متصفح معزولة حيثما أمكن. فقد يكشف الوصول إلى المتصفح صفحات تتطلب تسجيل الدخول وملفات تعريف الارتباط ومحتوى الطلبات والبيانات الشخصية لعميل الذكاء الاصطناعي. اشترط موافقة قبل الشراء أو الحذف أو الإجراءات ذات الأثر الفعلي. وتعامل مع محتوى الصفحات بوصفه مدخلات غير موثوقة، لا تعليمات للمساعد. راجع صلاحيات الخادم وإعدادات جمع البيانات؛ فلا ينبغي اعتبار أي من الأداتين حاجزا أمنيا.
قاعدة عملية للاختيار
إذا كان سؤالك «لماذا يحدث هذا داخل Chrome؟»، فابدأ بـ Chrome DevTools MCP. وإذا كان «هل يستطيع المستخدم إكمال هذا المسار، وهل يتصرف بصورة متسقة عبر المحركات؟»، فابدأ بـ Playwright MCP. حدد النتيجة المتوقعة أولا، ثم اجمع الأدلة، واحفظ النتائج المهمة في اختبارات.
قبل تقييم محدود
- اختر مهمة واحدة في بيئة الاختبار، مثل حجز افتراضي يجب أن يعرض تأكيدا دون تحصيل مبلغ.
- اتفق على الإجراءات المسموحة واستخدم بيانات اختبار يمكن حذفها.
- سجل إعداد المتصفح وظروف الفحص حتى يمكن تكرار المهمة.
- افصل النتائج المرصودة عن الفرضيات، وحول الأعطال المؤكدة إلى اختبارات انحدار.
إذا كشف التقييم مشكلة في موقع أعمالك، اطلع على خدمة تطوير المواقع الإلكترونية. ولمناقشة العمل، أرسل إلى بايتبل المسار المتأثر والنتيجة المتوقعة دون بيانات اعتماد أو بيانات عملاء.
المصادر الرسمية
تستند هذه المقارنة إلى الإمكانات الموثقة التي تمت مراجعتها في 11 أكتوبر 2026. راجع وثائق الإصدار الذي تثبته.
