تصحيح أخطاء تطبيقك في Project IDX

يوفّر Project IDX بعض الطرق المختلفة لتصحيح أخطاء تطبيقك مباشرةً من مساحة العمل. توفّر تطبيقات الويب وFlutter إمكانية استخدام Lighthouse و"أدوات مطوري البرامج في Chrome" في معاينة الويب على Chrome في مساحة العمل. توفّر تطبيقات Flutter إمكانية معاينة التطبيق على الويب وأنظمة التشغيل Android وiOS للتحقق الفوري من تطبيقك واختباره أثناء ترميزه. تتيح وحدة تصحيح الأخطاء المضمَّنة تصحيح الأخطاء التلقائي لمعظم اللغات الشائعة وتصحيح الأخطاء المخصص الذي يمكنك تحديده في ملف launch.json في مساحة العمل.

معاينة تطبيقك

يتضمّن IDX معاينات للتطبيقات في مساحة العمل لتطبيقات الويب (Chrome وSafari للأجهزة الجوّالة) وتطبيقات Flutter (على أنظمة التشغيل iOS وAndroid وChrome). تتوافق معاينات Android وChrome مع إعادة التحميل السريع وإعادة التحميل السريع، كما توفّر إمكانات المحاكي الكاملة. يوفّر محاكيا Safari وiOS معاينات مرئية وتفاعلية على مجموعة متنوعة من أجهزة iOS وتحاكي تجربة iOS لتطبيقات الأجهزة الجوّالة وتطبيقات الويب.

لمزيد من المعلومات حول معاينات IDX، يمكنك الاطّلاع على معاينة تطبيقك.

استخدام "أدوات مطوري البرامج في Chrome" لمعاينات الويب (إصدار تجريبي)

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

هذه الميزة تجريبية بينما نعمل على خلق تجربة مستخدم مثالية. أرسِل إلينا ملاحظاتك لمساعدتنا في تحسينه.

1. إضافة "أدوات مطوري البرامج في Chrome" إلى مساحة عمل IDX:

   1. افتح نافذة الإعدادات بالنقر على رمز الترس أو الضغط على Ctrl + , (على نظام التشغيل Windows/Linux/ChromeOS) أو Cmd + , (على نظام التشغيل MacOS).
   2. ابحث عن الإعداد IDX: أدوات مطوّري البرامج على الويب واختَر تفعيل "أدوات مطوري البرامج في Chrome" لمعاينة الويب (يجب إعادة تحميل المتصفّح). إذا كنت تستخدم ملف settings.json، يمكنك أيضًا ضبط "IDX.webDevTools": true.
   3. يُرجى إعادة تحميل نافذة المتصفّح وإعادة تحميل مساحة عمل IDX.

2. افتح معاينة الويب في Project IDX: افتح لوحة الأوامر (Cmd+Shift+P على نظام التشغيل Mac أو Ctrl+Shift+P على نظام التشغيل ChromeOS أو Windows أو Linux) واختر Project IDX: عرض معاينة الويب.

3. يتم تصغير لوحة "أدوات مطوري البرامج" ضمن لوحة معاينة الويب. انقر على شريط "أدوات مطوري البرامج" لتوسيع اللوحة واستخدِم "أدوات مطوري البرامج" في لوحة معاينة الويب.

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

تشغيل Lighthouse لمعاينات الويب

تدقّق Lighthouse في تطبيقك استنادًا إلى فئات التدقيق المحددة التي تختارها، وتعرض تقريرًا بالنتائج والاقتراحات. يمكنك تشغيل تقارير Lighthouse مباشرةً من معاينة الويب في مشروع IDX.

1. افتح معاينة الويب في Project IDX: افتح لوحة الأوامر (Cmd+Shift+P على نظام التشغيل Mac أو Ctrl+Shift+P على نظام التشغيل ChromeOS أو Windows أو Linux) واختر Project IDX: عرض معاينة الويب.

2. انقر على رمز "التحقق من الأداء" من شريط أدوات معاينة الويب.

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

   قد يستغرق إنشاء التقارير بضع دقائق.

4. بعد ظهور التقارير في لوحة Lighthouse، يمكنك مراجعة النتائج لكل فئة تدقيق، أو التبديل بين فئات التدقيق من خلال النقر على النتيجة واسم الفئة.

استخدام وحدة تحكم تصحيح الأخطاء

يتضمّن Project IDX وحدة تحكّم تصحيح الأخطاء المدمجة من Code OSS. استخدِم وحدة التحكّم هذه لتصحيح الأخطاء في تطبيقك باستخدام برامج تصحيح الأخطاء غير المتوفرة لمعظم لغات البرمجة الشائعة، أو أضِف إضافة لتصحيح الأخطاء من VSCode Marketplace.

إذا أردت كتابة تصحيح مخصّص لتصحيح الأخطاء، أضِف ملف launch.json إلى مساحة العمل.