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

Kayce Basques

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

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

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

لوحة التدقيق الجديدة المستندة إلى Lighthouse

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

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

تقرير Lighthouse

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

لتدقيق صفحة:

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

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، وهي خطوة غير مفيدة على وجه التحديد. الآن، توفر وحدة التحكم مزيدًا من المعلومات حول محتويات الكائن.

طريقة استخدام وحدة التحكّم لمعاينة العناصر

الشكل 6. طريقة استخدام وحدة التحكّم لمعاينة العناصر

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 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

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 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

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome