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

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

اقرأ أو شاهد إصدار الفيديو من ملاحظات الإصدار أدناه.

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

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

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

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

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

تجاهل "requests.js".

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

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

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

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

تطبع الآن علامة التبويب Preview (معاينة) في لوحة Network (الشبكة) الموارد بشكل افتراضي عندما يتم اكتشاف أنه تم تصغير هذه الموارد.

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

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

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

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

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

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

في السابق، كانت علامة التبويب معاينة في لوحة الشبكة تعرض رمز مورد HTML في مواقف معيّنة، بينما تعرض معاينة محتوى HTML في مواقف معيّنة. تقوم علامة التبويب Preview (معاينة) دائمًا بعرض أساسي لـ HTML. وليس الغرض منه أن يكون متصفّح Chrome كامل الوظائف، لذا قد لا يعرض ترميز 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 البرمجي متضمّن في ملف منفصل، يمكنني تجاهل هذا النص البرمجي من لوحة Call Stack لجعل نقطة إيقاف click هذه أكثر فائدة.

تجاهل النص البرمجي Vue.js من لوحة تكديس المكالمات.

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

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

تتوقف نقطة إيقاف النقر الآن مؤقتًا عند رمز المستمع الخاص بالتطبيق.

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

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

يمكنك استخدام إصدار 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