ربط وكيل الذكاء الاصطناعي بمتصفّحك الشخصي باستخدام ميزة الربط التلقائي

Matthias Rohmer

José Luis Zapata

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

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

يُرجى مراعاة ما يلي قبل تفعيل ميزة الربط التلقائي:

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

• البيانات المُرسَلة إلى Google: يتم تشغيل خادم "أدوات مطوّري Chrome" للوكلاء كعملية محلية. ومع ذلك، يرسل الخادم تلقائيًا البيانات التالية إلى Google، بغض النظر عن وضع الاتصال:

  • إحصاءات الاستخدام، مثل معدّلات نجاح استدعاء الأدوات والمدة الزمنية، ومعلومات البيئة. لإيقاف هذه الميزة، استخدِم العلامة --no-usage-statistics أو اضبط متغيّر البيئة CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS.
  • عناوين URL من عمليات تتبُّع الأداء، والتي يتم إرسالها إلى Chrome UX Report (CrUX) API لجلب بيانات تجربة المستخدم الحقيقية. لإيقاف هذه الميزة، استخدِم العلامة --no-performance-crux.

  لمزيد من المعلومات، يُرجى الاطّلاع على خيارات الأمان والخصوصية.

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

المتطلبات الأساسية

قبل استخدام ميزة الربط التلقائي، تأكَّدوا من توفّر ما يلي:

• Chrome 144 والإصدارات الأحدث: تتطلّب ميزة الربط التلقائي بروتوكولات تصحيح الأخطاء الحديثة المتوفّرة في الإصدارات الحالية من Chrome.
• قناة Chrome الصحيحة: يتصل الوكيل بإصدار Chrome الثابت تلقائيًا. لاستخدام Canary أو الإصدار التجريبي، حدِّدوا القناة في الإعدادات.
• تفعيل ميزة تصحيح الأخطاء عن بُعد: فعِّلوا يدويًا الجسر بين متصفّحكم والوكيل.
• الإعدادات الصحيحة: يجب تعديل إعدادات MCP لتضمين العلامة --autoConnect. راجِعوا الإعدادات للحصول على التفاصيل.

إعداد ميزة الربط التلقائي

لضبط ميزة الربط التلقائي في خادم MCP، اتّبِعوا الخطوات التالية:

1. في متصفّح Chrome قيد التشغيل، انتقِلوا إلى chrome://inspect/#remote-debugging وفعِّلوا ميزة تصحيح الأخطاء عن بُعد.

2. عدِّلوا إعدادات MCP لتضمين العلامة --autoConnect:

   {
     "mcpServers": {
       "chrome-devtools": {
         "command": "npx",
         "args": ["chrome-devtools-mcp@latest", "--autoConnect"]
       }
     }
   }
   

   لإيقاف إرسال إحصاءات الاستخدام وعناوين URL لعمليات تتبُّع الأداء إلى Google، أضيفوا أيضًا العلامتَين --no-usage-statistics و--no-performance-crux إلى args.

3. اطلبوا من الوكيل التفاعل مع تطبيق Chrome المفتوح. عندما يطلب Chrome الإذن بالسماح بالجلسة، انقروا على السماح.

يستخدم الوكيل الآن خادم MCP للتفاعل مع تطبيق Chrome قيد التشغيل. لمزيد من المعلومات حول خيارات الإعداد، يُرجى الاطّلاع على دليل الإعداد.

حالات استخدام ميزة الربط التلقائي

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

تتضمّن الأقسام التالية بعض الأمثلة على حالات استخدام ميزة الربط التلقائي.

تصحيح أخطاء لوحات البيانات التي تتطلّب المصادقة

غالبًا ما تكون الأدوات الداخلية ولوحات البيانات الخاصة محمية بطبقات معقّدة من ميزة تسجيل الدخول الأحادي (SSO) أو الشبكة الافتراضية الخاصة (VPN). عادةً ما يتطلّب المتصفّح التجريبي تسجيل الدخول، وهو ما لا يمكن للوكيل تجاوزه. باستخدام ميزة الربط التلقائي، يكتسب الوكيل جلستكم النشطة.

مثال على طلب:

I have my company's staging dashboard open in the next tab. Can you look at the
User Analytics chart, find the SVG element for the Friday data point, and tell
me why the tooltip isn't appearing on hover?

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

إصلاح علامة التبويب الحالية مباشرةً

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

مثال على طلب:

Look at the current page. The Submit button overlaps with the footer on this
screen size. Generate a fix for the layout and verify it by injecting the CSS
directly into this tab.

مثال على تنفيذ الوكيل: بما أنّه متصل بالنافذة النشطة، يحلّل الوكيل التصميم ويطبّق الإصلاح على الفور. يظهر لكم الزر وهو يتحرّك على الشاشة، ما يؤكّد أنّ الإصلاح يعمل قبل تعديل رمز المصدر.