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

Kayce Basques

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

أهم التفاصيل

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

تغطية الرموز البرمجية لـ 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).

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

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