الميزات الجديدة في أدوات مطوّري البرامج (Chrome 60)

مرحبًا تشمل الميزات الجديدة والتغييرات الرئيسية التي ستطرأ على "أدوات مطوري البرامج" في Chrome 60 ما يلي:

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

الميزات الجديدة

لوحة عمليات تدقيق جديدة مقدَّمة من Lighthouse

يتم الآن تشغيل لوحة عمليات التدقيق من خلال Lighthouse. توفّر أداة Lighthouse مجموعة شاملة من اختبارات لقياس جودة صفحات الويب.

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

تقرير Lighthouse

الشكل 1. تقرير Lighthouse

لتدقيق الصفحة:

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

منارة في مؤتمر Google I/O لعام 2017

يمكنك الاطّلاع على محاضرة عن "أدوات مطوري البرامج" من مؤتمر Google I/O لعام 2017 لمعرفة المزيد من المعلومات حول دمج أداة Lighthouse. في "أدوات مطوري البرامج"

المساهمة في Lighthouse

Lighthouse هو مشروع مفتوح المصدر. لمعرفة المزيد حول كيفية عملها وكيفية المساهمة في بإمكانك الاطّلاع على محاضرة Lighthouse في مؤتمر Google I/O لعام 2017

هل لديك فكرة لإجراء تدقيق باستخدام Lighthouse؟ يمكنك نشرها هنا.

شارات الجهات الخارجية

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

تمرير مؤشر الماوس فوق شارة جهة خارجية في لوحة "الشبكة"

الشكل 2. تمرير مؤشر الماوس فوق شارة جهة خارجية في لوحة "الشبكة"

تمرير مؤشر الماوس فوق شارة جهة خارجية في "وحدة التحكّم"

الشكل 3. تمرير مؤشر الماوس فوق شارة جهة خارجية في "وحدة التحكّم"

لتفعيل شارات الجهات الخارجية:

  1. افتح قائمة الأوامر.
  2. شغِّل الأمر Show third party badges.

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

التجميع حسب المنتج في علامة التبويب "من أسفل إلى أعلى"

الشكل 4. التجميع حسب المنتج في علامة التبويب أسفل القائمة

إيماءة جديدة للمواصلة إلى هنا

لنفترض أنك توقّفت مؤقتًا في السطر 25 من نص برمجي، وتريد الانتقال إلى السطر 50. في الماضي، يمكنك اضبط نقطة إيقاف في السطر 50، أو انقر بزر الماوس الأيمن على الخط واختَر متابعة إلى هنا. ولكن الآن، تتوفّر طريقة أسرع لمعالجة سير العمل هذا

عند التنقل خلال الرمز، اضغط مع الاستمرار على Command (نظام التشغيل Mac) أو Control (Windows وLinux) مع ثم انقر للمتابعة إلى هذا السطر من التعليمة البرمجية. تعمل أدوات مطوّري البرامج على إبراز الوجهات القابلة للتخطي باللون الأزرق.

المتابعة إلى هنا

الشكل 5. المتابعة إلى هنا

راجِع المقالة بدء استخدام تصحيح أخطاء JavaScript لتعلُّم أساسيات تصحيح الأخطاء في "أدوات مطوري البرامج".

التعرُّف على الميزات غير المتزامنة

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

تعمل الإيماءة الجديدة للمواصلة إلى هنا أيضًا مع الرمز غير المتزامن. عند الضغط مع الاستمرار Command (نظام التشغيل Mac) أو Control (نظام التشغيل Windows وLinux)، أبرز ميزة "أدوات مطوّري البرامج" القابلة للتخطّي وجهات غير متزامنة باللون الأخضر.

للحصول على مثال، يمكنك مشاهدة العرض التوضيحي أدناه من محاضرة "أدوات مطوري البرامج" في مؤتمر I/O.

التغييرات

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

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

كيفية استخدام Console لمعاينة العناصر

الشكل 6. كيفية استخدام Console لمعاينة العناصر

كيفية معاينة Console للعناصر الآن

الشكل 7. كيفية معاينة Console للعناصر الآن

قائمة اختيار سياقات أكثر فائدة في وحدة التحكّم

توفّر قائمة "اختيار السياق" في وحدة التحكّم الآن مزيدًا من المعلومات حول السياقات المتاحة.

  • يصف العنوان ماهية كل عنصر.
  • يصف العنوان الفرعي الموجود أسفل العنوان النطاق الذي جاء منه العنصر.
  • مرِّر مؤشّر الماوس فوق سياق iframe لتمييزه في إطار العرض.

قائمة "تحديد السياق" الجديدة

الشكل 8. يؤدي تحريك مؤشر الماوس فوق إطار iframe في قائمة تحديد السياق الجديدة إلى تمييزه في إطار العرض

آخر الأخبار في الوقت الفعلي ضمن علامة التبويب "التغطية"

عند تسجيل تغطية الرمز في Chrome 59، لن تعرض علامة التبويب التغطية سوى "تسجيل..."، بدون رؤية للرمز الذي كان يجري استخدامه. تعرض لك علامة التبويب التغطية الآن في الوقت الفعلي. الرمز الذي يتم استخدامه.

تحميل صفحة والتفاعل معها باستخدام علامة تبويب "التغطية" القديمة

الشكل 9. تحميل صفحة والتفاعل معها باستخدام علامة التبويب القديمة التغطية

تحميل صفحة والتفاعل معها باستخدام علامة تبويب "التغطية" الجديدة

الشكل 10. تحميل صفحة والتفاعل معها باستخدام علامة التبويب الجديدة التغطية

خيارات أبسط لإدارة الشبكة

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

الخيارات الجديدة لتقييد الشبكة

الشكل 11. الخيارات الجديدة لتقييد الشبكة

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

تفعيل الحزم غير المتزامنة تلقائيًا

تمت إزالة مربّع الاختيار غير متزامن من لوحة المصادر. عمليات تتبُّع تسلسل استدعاء الدوال البرمجية غير المتزامنة مفعَّلة الآن بواسطة الافتراضي. في السابق، كان هذا الخيار قابلاً لتفعيل الميزة بسبب النفقات العامة للأداء. يتم الآن تغيير أدنى ما يكفي لتفعيل هذه الميزة تلقائيًا إذا كنت تفضل إيقاف عمليات تتبع تسلسل استدعاء الدوال البرمجية غير المتزامنة، يمكنك إيقافها في الإعدادات أو من خلال تشغيل Do not capture async stack traces في قائمة الأوامر.

أدوات مطوري البرامج في مؤتمر Google I/O لعام 2017

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

تنزيل قنوات المعاينة

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

التواصل مع فريق "أدوات مطوري البرامج في Chrome"

يمكنك استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو مناقشة أي معلومات أخرى متعلّقة بأدوات مطوري البرامج.

  • يمكنك إرسال اقتراح أو ملاحظات إلينا عبر crbug.com.
  • الإبلاغ عن مشكلة في "أدوات مطوري البرامج" باستخدام خيارات إضافية   المزيد > مساعدة > الإبلاغ عن مشاكل في "أدوات مطوري البرامج" في "أدوات مطوري البرامج"
  • يمكنك نشر تغريدة على @ChromeDevTools.
  • شارِك في التعليقات على الميزات الجديدة في فيديوهات YouTube أو نصائح حول أدوات مطوّري البرامج فيديوهات على YouTube.

الميزات الجديدة في "أدوات مطوري البرامج"

قائمة بكل ما تم تناوله في سلسلة الميزات الجديدة في أدوات مطوّري البرامج

الإصدار 128 من Chrome

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من Chrome

الإصدار 118 من Chrome

الإصدار 117 من Chrome

الإصدار 116 من Chrome

الإصدار 115 من Chrome

الإصدار 114 من Chrome

الإصدار 113 من Chrome

الإصدار 112 من Chrome

الإصدار 111 من Chrome

الإصدار 110 من Chrome

الإصدار 109 من Chrome

الإصدار 108 من Chrome

الإصدار 107 من Chrome

الإصدار 106 من Chrome

الإصدار 105 من Chrome

الإصدار 104 من Chrome

الإصدار 103 من Chrome

الإصدار 102 من Chrome

الإصدار 101 من Chrome

الإصدار 100 من Chrome

الإصدار 99 من Chrome

الإصدار 98 من Chrome

الإصدار 97 من Chrome

الإصدار 96 من Chrome

الإصدار 95 من Chrome

الإصدار 94 من Chrome

الإصدار 93 من Chrome

الإصدار 92 من Chrome

الإصدار 91 من Chrome

الإصدار 90 من Chrome

الإصدار 89 من Chrome

الإصدار 88 من Chrome

الإصدار 87 من Chrome

الإصدار 86 من Chrome

الإصدار 85 من Chrome

الإصدار 84 من Chrome

الإصدار 83 من Chrome

الإصدار 82 من Chrome

تم إلغاء الإصدار 82 من Chrome.

الإصدار 81 من Chrome

الإصدار 80 من Chrome

الإصدار 79 من Chrome

الإصدار 78 من Chrome

الإصدار 77 من Chrome

الإصدار 76 من Chrome

الإصدار 75 من Chrome

الإصدار 74 من Chrome

الإصدار 73 من Chrome

الإصدار 72 من Chrome

الإصدار 71 من Chrome

Chrome 70

الإصدار 68 من Chrome

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

الإصدار 64 من Chrome

الإصدار 63 من Chrome

الإصدار 62 من Chrome

الإصدار 61 من Chrome

الإصدار 60 من Chrome

الإصدار 59 من Chrome