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

Kayce Basques

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

أهمّ الميزات

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

تغطية رموز CSS وJS

يمكنك العثور على رمز CSS وJS غير المستخدَم من خلال علامة التبويب التغطية الجديدة. عند تحميل صفحة أو تشغيلها، تخبرك علامة التبويب بمقدار الرمز الذي تم استخدامه ومقدار ما تم تحميله. يمكنك تقليل حجم صفحاتك من خلال شحن الرمز الذي تحتاجه فقط.

علامة التبويب "التغطية"

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

تفاصيل تغطية الرمز في لوحة "المصادر"

كل سطر من التعليمات البرمجية مصنَّف حسب اللون:

  • يعني اللون الأخضر الثابت أن سطر التعليمة البرمجية الذي يتم تنفيذه.
  • يعني اللون الأحمر الخالص أنه لم يتم التنفيذ.
  • يعني وجود سطر من التعليمات البرمجية باللون الأحمر والأخضر، مثل السطر 3 في لقطة الشاشة أعلاه، أنه يتم تنفيذ بعض التعليمات البرمجية فقط في هذا السطر. على سبيل المثال، التعبير الثلاثي مثل var b = (a > 0) ? a : 0 ملون باللونين الأحمر والأخضر.

لفتح علامة التبويب التغطية، اتّبِع الخطوات التالية:

  1. افتح قائمة الطلبات.
  2. ابدأ كتابة Coverage واختَر عرض التغطية.

لقطات شاشة بملء الصفحة

اطلع على الفيديو أدناه لمعرفة كيفية أخذ لقطة شاشة من أعلى الصفحة، وصولاً إلى أسفلها.

حظر الطلبات

هل تريد معرفة سلوك صفحتك عند عدم توفّر نص برمجي أو ورقة أنماط أو مورد آخر؟ انقر بزر الماوس الأيمن على الطلب في لوحة الشبكة واختَر حظر عنوان URL للطلب. تنبثق علامة تبويب جديدة طلب حظر في الدرج، مما يتيح لك إدارة الطلبات المحظورة.

حظر عنوان URL للطلب

ميزة "تخطّي القارئ" بانتظارك

حتى الآن، كانت محاولة التنقل في التعليمات البرمجية مثل المقتطف أدناه مصدر إزعاج. في وسط test()، تتخطى خطًا، وبعد ذلك تتم المقاطعة بواسطة الرمز setInterval(). عند التنقّل باستخدام رمز غير متزامن مثل test()، تقدّم "أدوات مطوري البرامج" خطوات متسقة من أول سطر إلى آخر سطر.

  function wait(ms) {
    return new Promise(r => setTimeout(r, ms)).then(() => "Yay");
  }

  // do some work in background.
  setInterval(() => 42, 200);

  async function test() {
    debugger;
    const hello = "world";
    const response = await fetch('index.html');
    const tmp = await wait(1000);
    console.log(tmp);
    return hello;
  }

  async function runTest() {
    let result = await test();
    console.log(result);
  }

ملاحظة: هل تريد تحسين مهاراتك في تصحيح الأخطاء؟ اطلع على هذه المستندات ذات الطابع الجديد:

التغييرات

قائمة الأوامر الموحدة

عند فتح قائمة الأوامر الآن، لاحِظ أنّ أمرك يسبقه حرف أكبر من (>). وذلك لأنّه قد تم توحيد قائمة الأوامر مع قائمة فتح ملف وهي Command+O (نظام التشغيل Mac) أو Control+O (في نظامَي التشغيل Windows وLinux).

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

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