الدردشة مع المساعدة المستنِدة إلى الذكاء الاصطناعي

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

باستخدام الدعم الذكي، يمكنك تصحيح أخطاء التصميم والشبكات والأداء والمصادر في موقعك الإلكتروني.

لإجراء محادثة فعّالة مع Gemini في لوحة مساعدة الذكاء الاصطناعي، تعرَّف على كيفية فتح اللوحة وإدخال الطلبات والتحكّم في سير المحادثة.

فتح لوحة "الدعم الذكي"

تفتح لوحة الدعم الذكي في الدرج.

لفتح اللوحة، انقر على الزر مساعدة مستنِدة إلى الذكاء الاصطناعي الموجود في نقطة الدخول العامة على يسار شريط الأدوات الرئيسي في أعلى الصفحة.

زر "المساعدة المستندة إلى الذكاء الاصطناعي" في أعلى يسار شريط أدوات DevTools

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

من قائمة الأوامر

لفتح الدعم الذكي من قائمة الأوامر، اكتب AI ثم شغِّل الأمر عرض الدعم الذكي الذي يحمل شارة الدرج بجانبه.

قائمة الأوامر المفتوحة مع تمييز خيار "عرض المساعدة المستنِدة إلى الذكاء الاصطناعي"

من قائمة "مزيد من الأدوات"

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

قائمة "المزيد من الأدوات" المفتوحة

توجيه الطلبات

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

انقر على أي من الطلبات لملء حقل إدخال الطلب مسبقًا في أسفل اللوحة.

يمكنك بدلاً من ذلك كتابة طلبك أو سؤالك في حقل الإدخال.

لإرسال طلب، اضغط على Enter أو انقر على السهم في الجانب الأيسر من حقل الإدخال.

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

مساعدة مستنِدة إلى الذكاء الاصطناعي في تصميم الأنماط

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

فتح "الدعم الذكي" من لوحة "العناصر"

لفتح المساعدة المستندة إلى الذكاء الاصطناعي من لوحة العناصر، عند فحص عقدة DOM، انقر بزر الماوس الأيمن على العقدة واختَر الخيار اسأل الذكاء الاصطناعي.

قائمة السياقات الخاصة بالعنصر مع تمييز الخيار "اسأل الذكاء الاصطناعي"

عند فتح ميزة "المساعدة المستندة إلى الذكاء الاصطناعي" بهذه الطريقة، يكون عنصر DOM الذي تم فحصه محدّدًا مسبقًا كعنصر سياق للمحادثة.

بدلاً من ذلك، انقر على الزر العائم المرفق بعقدة DOM تم تمرير مؤشر الماوس فوقها.

الزر العائم المرفق بعقدة DOM

سياق المحادثة

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

لوحة "الدعم الذكي" مع تمييز عنصر السياق

غيِّر السياق باستخدام أداة اختيار العناصر بجانب العنصر الحالي أو من خلال الاختيار من شجرة نموذج العناصر في المستند (DOM) في "لوحة العناصر".

بعد اختيار السياق، يمكنك التقاط لقطة شاشة لمنطقة العرض وإرسالها إلى محادثتك. انقر على زر التقاط لقطة شاشة بجانب حقل إدخال المحادثة.

يظهر "زر أخذ لقطة شاشة" ولقطة شاشة مرفقة في حقل الإدخال.

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

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

مساعدة الذكاء الاصطناعي في الشبكة

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

فتح "الدعم الذكي" من لوحة "الشبكة"

لفتح الدعم الذكي من لوحة الشبكة، انقر بزر الماوس الأيمن على طلب واختَر الخيار اسأل الذكاء الاصطناعي.

قائمة السياقات الخاصة بالطلب مع تمييز الخيار "اسأل الذكاء الاصطناعي"

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

بدلاً من ذلك، انقر على الزر العائم بجانب طلب الشبكة الذي تمرّر مؤشر الماوس فوقه.

الزر العائم المرفق بطلب شبكة

سياق المحادثة

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

لوحة "الدعم الذكي" مع تمييز طلب السياق

غيِّر السياق من خلال النقر على طلب آخر في لوحة الشبكة.

تستخدم ميزة المساعدة المستندة إلى الذكاء الاصطناعي عنوان URL للطلب والعناوين والتوقيتات وسلسلة الجهة التي أطلقت الطلب للإجابة عن أسئلتك.

ملاحظة مهمة: يتم تلقائيًا إخفاء العناوين التي قد تحتوي على معلومات حساسة.

انقر على زر توسيع في شريحة Analyzing network data بعد بدء محادثة للاطّلاع على البيانات الأولية التي تستخدمها المساعدة المستندة إلى الذكاء الاصطناعي.

لوحة المساعدة المستنِدة إلى الذكاء الاصطناعي مع تمييز شريحة "تحليل بيانات الشبكة"

مساعدة مستندة إلى الذكاء الاصطناعي لتحسين الأداء

استخدِم لوحة مساعدة الذكاء الاصطناعي الخاصة بالأداء للتعرّف على ملفات الأداء التي تم تسجيلها في لوحة الأداء.

فتح "الدعم الذكي" من لوحة "الأداء"

لفتح الدعم الذكي من لوحة الأداء، عليك أولاً تسجيل ملف أداء.

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

إحصاءات الأداء

في علامة التبويب الإحصاءات، افتح إحصاءً، مثل **LCP حسب المرحلة، ثم انقر على الزر طرح سؤال على الذكاء الاصطناعي** (Ask AI).

يظهر زر "اسأل الذكاء الاصطناعي" مميّزًا ضمن إحصاءات أداء LCP.

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

عرض بيانات تتبُّع الأداء

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

قائمة سياقات النشاط مع تمييز الخيار "اسأل الذكاء الاصطناعي"

في هذه الحالة، يتم اختيار هذا النشاط مسبقًا كسياق للمحادثة.

سياق المحادثة

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

لوحة "الدعم الذكي" مع تمييز نشاط السياق

إحصاءات الأداء

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

إحصاءات أداء LCP كسياق محادثة لـ "المساعدة المستنِدة إلى الذكاء الاصطناعي"

بعد بدء محادثة، وسِّع القسم Analyzing insight: ... للاطّلاع على البيانات الأولية التي تستخدمها ميزة "المساعدة المستندة إلى الذكاء الاصطناعي".

لوحة "الدعم الذكي" مع تسليط الضوء على الإحصاءات السياقية

عرض سجلّ التتبُّع

يمكنك اختيار عناصر مختلفة في تتبُّع الأداء وسيتغيّر السياق وفقًا لذلك.

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

انقر على الزر في شريحة Analyzing call tree بعد بدء محادثة للاطّلاع على البيانات الأولية التي تستخدمها المساعدة المستندة إلى الذكاء الاصطناعي.

لوحة "الدعم الذكي" مع تمييز شريحة "تحليل شجرة طلبات البيانات"

مساعدة مستندة إلى الذكاء الاصطناعي في ما يتعلّق بالمصادر

استخدِم لوحة مساعدة الذكاء الاصطناعي للمصادر من أجل فهم الملفات التي يتم تحميلها واستخدامها من قِبل موقعك الإلكتروني.

فتح "الدعم الذكي" من لوحة "المصادر"

لفتح ميزة "المساعدة المستندة إلى الذكاء الاصطناعي" من لوحة المستندات المصدر، انقر بزر الماوس الأيمن على ملف واختَر الخيار اسأل الذكاء الاصطناعي.

قائمة السياقات الخاصة بالملف مع تمييز الخيار "طرح سؤال على الذكاء الاصطناعي"

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

بدلاً من ذلك، انقر على الزر العائم عند تمرير مؤشر الماوس فوق ملف.

الزر العائم المرفق بالملف الذي تم تمرير مؤشر الماوس فوقه

سياق المحادثة

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

لوحة المساعدة المستنِدة إلى الذكاء الاصطناعي مع تمييز ملف السياق

يمكنك تغيير السياق من خلال النقر على ملف آخر في لوحة "المستندات المصدر".

تستخدم ميزة المساعدة المستندة إلى الذكاء الاصطناعي اسم الملف المحدّد وعنوان URL وخريطة المصدر (إذا كانت متاحة) والمحتوى للإجابة عن أسئلتك.

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

لوحة "الدعم الذكي" مع تمييز شريحة "تحليل الملف"

مسار المحادثة

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

لوحة "الدعم الذكي" بعد بدء محادثة

يتم تعديل تصنيف الخطوة عندما ينفّذ الوكيل إجراءات أكثر تحديدًا لحلّ سؤالك.

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

لوحة "الدعم الذكي" التي تتضمّن إجابة مقدَّمة من الذكاء الاصطناعي

انقر على أي من الطلبات المقترَحة لمواصلة المحادثة. انقر على .

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

لوحة "الدعم الذكي" مع خطوة محادثة موسّعة

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

المحادثات المتوقفة مؤقتًا

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

لوحة "الدعم الذكي" مع محادثة متوقفة مؤقتًا

عندما تتوقف المحادثة مؤقتًا، راجِع الرمز الذي اقترحه موظف الدعم. انقر على متابعة للمتابعة أو إلغاء لمنع التنفيذ.

حفظ التغييرات في مساحة العمل

باستخدام مجلد مساحة العمل المرتبط، يمكنك حفظ تغييرات الأنماط التي تقترحها المساعدة المستنِدة إلى الذكاء الاصطناعي مرة أخرى في ملفات مصدر CSS على جهاز الكمبيوتر.

ولإجراء ذلك:

  1. أولاً، أنشئ ملف بيانات وصفية واربط مجلد مساحة عمل.

    يمكنك بدلاً من ذلك إضافة مجلد يدويًا.

  2. ابدأ محادثة من لوحة "العناصر".

  3. اطلب من المساعدة المستنِدة إلى الذكاء الاصطناعي تعديل CSS.

  4. قد تنشئ المساعدة المستنِدة إلى الذكاء الاصطناعي رموزًا برمجية وتوقف التنفيذ مؤقتًا. راجِع الرمز وانقر على متابعة لاختبار التغييرات مباشرةً.

  5. وسِّع قسم التغييرات غير المحفوظة وانقر على تطبيق على مساحة العمل.

  6. راجِع التغييرات في diff وانقر على حفظ الكل.

للتعرّف على سير العمل هذا، يُرجى الاطّلاع على:

لم يتم تقديم إجابة

قد لا تقدّم المساعدة المستندة إلى الذكاء الاصطناعي إجابات لأسباب مختلفة.

لوحة "الدعم الذكي" مع محادثة مرفوضة

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

سجل المحادثة

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

تحفظ ميزة "الدعم المستند إلى الذكاء الاصطناعي" سجلّ محادثاتك بين الجلسات، ما يتيح لك الوصول إلى محادثاتك السابقة حتى بعد إعادة تحميل DevTools أو Chrome.

استخدِم عناصر التحكّم في أعلى يمين اللوحة للتحكّم في سجلّ محادثاتك.

لوحة "الدعم الذكي" مع تمييز عناصر التحكّم في السجلّ

بدء قياس مسافة جديدة

لبدء محادثة جديدة باستخدام سياق المحادثة المحدّد حاليًا، انقر على زر .

متابعة

لمتابعة محادثة سابقة، انقر على زر واختَرها من قائمة السياق.

حذف

لحذف محادثة من السجلّ، انقر على زر .

تقييم الإجابات وتقديم الملاحظات

المساعدة المستندة إلى الذكاء الاصطناعي هي ميزة تجريبية. لذلك، نسعى جاهدين للحصول على ملاحظاتك لمعرفة كيف يمكننا تحسين جودة الإجابات والتجربة بشكل عام.

لوحة "الدعم الذكي" مع تمييز عناصر التحكّم في التقييم

التصويت على الإجابات

يمكنك تقييم إجابة باستخدام زرَّي يعجبني و لا يعجبني أسفل الإجابة.

الإبلاغ عن الإجابات

للإبلاغ عن محتوى غير ملائم، انقر على زر بجانب أزرار التصويت.