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

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

يُرجى مواصلة القراءة أو مشاهدة إصدار الفيديو الخاص بملاحظات الإصدار أدناه.

تجاهل النص البرمجي في لوحة "الشبكة"

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

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

وما تريده حقًا في هذا السيناريو هو رؤية رمز التطبيق الذي يتسبب في ظهور الطلب. هذا ممكن الآن:

  1. مرِّر مؤشر الماوس فوق عمود المبدئ. تظهر حزمة الاستدعاء التي تسبّبت الطلب في نافذة منبثقة.
  2. انقر بزر الماوس الأيمن على المكالمة التي تريد إخفاءها من نتائج بدء المكالمة.
  3. اختَر إضافة نص برمجي إلى قائمة التجاهل. يُخفي عمود المُنشئ الآن أي طلبات من النص البرمجي الذي تجاهلته.

تجاهل "requests.js".

الشكل 1. تجاهل requests.js

يمكنك إدارة النصوص البرمجية التي تم تجاهلها من علامة التبويب قائمة التجاهل في الإعدادات.

راجِع تجاهل نص برمجي أو نمط من النصوص البرمجية لمزيد من المعلومات حول تجاهل النصوص البرمجية.

عرض النص بتنسيق محسّن في علامتَي التبويب "معاينة" و"الرد"

تعرض الآن علامة التبويب معاينة في لوحة الشبكة عرض موارد بتنسيق محسّن بشكل تلقائي عندما تكتشف الأداة أنّ هذه الموارد تم تصغيرها.

تطبع علامة التبويب "معاينة" محتوى analytics.js بشكلٍ تلقائي.

الشكل 2. تعرض علامة التبويب معاينة محتوى analytics.js بشكل تلقائي.

لعرض النسخة غير المصغّرة من مرجع، استخدِم علامة التبويب ردّ. يمكنك أيضًا طباعة الموارد يدويًا من علامة التبويب الرد باستخدام الزر تنسيق الجديد.

الطباعة اليدوية لمحتويات analytics.js عبر الزر "تنسيق".

الشكل 3. طباعة محتوى analytics.js يدويًا باستخدام الزر تنسيق

معاينة محتوى HTML في علامة التبويب "معاينة"

في السابق، كانت علامة التبويب معاينة في لوحة الشبكة تعرض رمز مورد HTML في حالات معيّنة، مع عرض معاينة لملف HTML في حالات أخرى. تعرض علامة التبويب Preview (معاينة) دائمًا عرضًا أساسيًا لمحتوى HTML. وليس المقصود منه أن يكون متصفحًا كاملاً، لذا قد لا يعرض محتوى HTML على النحو الذي تتوقعه تمامًا. إذا كنت تريد عرض رمز HTML، انقر على علامة التبويب الردّ أو انقر بزر الماوس الأيمن على أحد الموارد واختَر فتح في لوحة المصادر.

معاينة ملف HTML في علامة التبويب "معاينة"

الشكل 4. معاينة ملف HTML في علامة التبويب معاينة

الضبط التلقائي للتكبير/التصغير في وضع الجهاز

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

تعمل عمليات التجاوز المحلي الآن مع بعض الأنماط المحددة في HTML

عندما أطلقت "أدوات مطوري البرامج" عمليات الإلغاء المحلية في Chrome 65، كان أحد القيود هو عدم قدرتها على تتبُّع التغييرات على الأنماط المحدّدة في HTML. على سبيل المثال، في الشكل 7 هناك قاعدة نمط في head من المستند تذكر السمة font-weight: bold لعناصر h1.

مثال على الأنماط المحددة في HTML

الشكل 5. مثال على الأنماط المحددة في HTML

في Chrome 65، إذا غيّرت تعريف font-weight من خلال لوحة النمط في "أدوات مطوري البرامج"، لن تتتبّع عمليات الإلغاء المحلي التغيير. بمعنى آخر، عند إعادة التحميل التالية، سيعود النمط إلى font-weight: bold. ولكن في Chrome 66، تظل مثل هذه التغييرات قائمة في جميع عمليات تحميل الصفحات.

نصيحة إضافية: تجاهُل النصوص البرمجية لإطار العمل لجعل "نقاط إيقاف أداة معالجة الحدث" أكثر فائدة

عندما أنشأتُ فيديو البدء باستخدام تصحيح أخطاء JavaScript، أشار بعض المشاهدين إلى أنّ نقاط توقف المستمعين إلى الأحداث ليست مفيدة للتطبيقات التي تستند إلى أُطر العمل، لأنّ المستمعين إلى الأحداث غالبًا ما يكونون مضمَّنين في رمز لإطار العمل. على سبيل المثال، في الشكل 8، أعددت نقطة توقّف click في "أدوات مطوري البرامج". عند النقر على الزر في العرض التوضيحي، تتوقف أدوات مطوري البرامج مؤقتًا تلقائيًا في السطر الأول من رمز المستمع. في هذه الحالة، يتوقف مؤقتًا في رمز برنامج تضمين Vue.js في السطر 1802، وهو أمر غير مفيد إلى هذا الحد.

تتوقف نقطة إيقاف النقر مؤقتًا في رمز برنامج تضمين Vue.js.

الشكل 6. تتوقف نقطة إيقاف click مؤقتًا في رمز برنامج تضمين Vue.js.

بما أن نص Vue.js البرمجي موجود في ملف منفصل، يمكنني تجاهل هذا النص البرمجي من جزء حزمة الاتصال لجعل نقطة إيقاف click هذه أكثر فائدة.

تجاهل نص Vue.js من جزء حزمة الاتصال.

الشكل 7. تجاهل نص Vue.js من لوحة حزمة الاتصال

في المرة التالية التي أنقر فيها على الزر وأشغِّل نقطة الإيقاف click، يتم تنفيذ رمز Vue.js بدون توقفه مؤقتًا، ثم يتوقف مؤقتًا عند السطر الأول من الرمز البرمجي في أداة استماع تطبيقي، وهي النقطة التي أردتُ أن أتوقف فيها مؤقتًا.

عند إيقاف نقطة الاتصال مؤقتًا، ستتوقّف عندها الرمز البرمجي للمستمِع في التطبيق.

الشكل 8. تتوقف نقطة إيقاف "click" مؤقتًا عند الرمز البرمجي للمستمِع في التطبيق.

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

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

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

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

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

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

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

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