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

Kayce Basques

مرحبًا، في ما يلي الميزات الجديدة في أدوات مطوّري البرامج في Chrome في الإصدار 76 من Chrome.

الإكمال التلقائي باستخدام قيم CSS

عند إضافة تعريفات الأنماط إلى عقدة DOM، يكون من السهل أحيانًا تذكُّر قيمة التعريف أكثر من اسم التعريف. على سبيل المثال، عند جعل عقدة <p> غامقة، قد تكون القيمة bold أسهل في التذكر من الاسم font-weight. تتيح واجهة مستخدم الإكمال التلقائي في لوحة "النمط" الآن استخدام قيم CSS. إذا كنت تتذكر قيمة الكلمة الرئيسية التي تريدها، ولكن لا يمكنك تذكر اسم السمة، فحاول كتابة القيمة ويجب أن يساعدك الإكمال التلقائي في العثور على الاسم الذي تبحث عنه.

الشكل 1. بعد كتابة bold، يتم إكمال لوحة "الأنماط" تلقائيًا إلى font-weight: bold.

يمكنك إرسال ملاحظاتك بشأن هذه الميزة الجديدة إلى مشكلة Chromium رقم 931145.

واجهة مستخدم جديدة لإعدادات الشبكة

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

الشكل 2. إعدادات الشبكة

تم نقل الخيارات التالية إلى إعدادات الشبكة: استخدام صفوف الطلبات الكبيرة والتجميع حسب الإطار وعرض النظرة العامة والتقاط لقطات الشاشة. يوضح الشكل 3 المواقع القديمة إلى المواقع الجديدة.

الشكل 3. ربط المواقع الجغرافية القديمة بالمواقع الجديدة

يمكنك إرسال ملاحظات حول هذا التغيير في واجهة المستخدم إلى مشكلة Chromium رقم 892969.

رسائل WebSocket في عمليات تصدير HAR

عند تصدير ملف HAR من لوحة الشبكة لمشاركة سجلّات الشبكة مع زملائك، يتضمّن ملف HAR الآن رسائل WebSocket. تبدأ السمة _webSocketMessages بشرطة سفلية للإشارة إلى أنّها حقل مخصّص.

...
"_webSocketMessages": [
  {
    "type": "send",
    "time": 1558730482.5071473,
    "opcode": 1,
    "data": "Hello, WebSockets!"
  },
  {
    "type": "receive",
    "time": 1558730482.5883863,
    "opcode": 1,
    "data": "Hello, WebSockets!"
  }
]
...

يمكنك إرسال ملاحظاتك حول هذه الميزة الجديدة إلى مشكلة Chromium رقم 496006.

زرّا استيراد وتصدير ملفات HAR

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

الشكل 4. أزرار HAR الجديدة

يمكنك إرسال ملاحظات حول هذا التغيير في واجهة المستخدم إلى مشكلة Chromium رقم 904585.

إجمالي استخدام الذاكرة في الوقت الفعلي

تعرض لوحة "الذاكرة" الآن إجمالي استخدام الذاكرة في الوقت الفعلي.

الشكل 5. يعرض الجزء السفلي من لوحة "الذاكرة" أنّ الصفحة تستخدم 43.4 ميغابايت من الذاكرة في الإجمالي. تشير القيمة 209 كيلوبايت في الثانية إلى أنّ إجمالي استخدام الذاكرة يزداد بمقدار 209 كيلوبايت في الثانية.

يمكنك أيضًا الاطّلاع على مراقبة الأداء لتتبُّع استخدام الذاكرة في الوقت الفعلي.

يمكنك إرسال ملاحظاتك بشأن هذه الميزة الجديدة إلى مشكلة Chromium رقم 958177.

أرقام منافذ تسجيل مشغّل الخدمات

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

الشكل 6. منافذ مشغِّل الخدمات

يمكنك إرسال ملاحظات حول هذا التغيير في واجهة المستخدم إلى مشكلة Chromium رقم 601286.

فحص أحداث Background Fetch وBackground Sync

استخدِم قسم الخدمات التي تُشغَّل في الخلفية الجديد في لوحة التطبيق لمراقبة أحداث الجلب في الخلفية والمزامنة في الخلفية. بما أنّ أحداث "الجلب في الخلفية" و"المزامنة في الخلفية" تحدث في... الخلفية، لن يكون من المفيد جدًا أن تسجّل "أدوات مطوري البرامج في Chrome" أحداث "الجلب في الخلفية" و"المزامنة في الخلفية" فقط أثناء فتح "أدوات مطوري البرامج في Chrome". لذلك، بعد بدء التسجيل، سيستمر تسجيل أحداث Background Fetch وBackground Sync، حتى بعد إغلاق علامة التبويب، وحتى بعد إغلاق Chrome.

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

الشكل 7. لوحة Background Fetch عرض توضيحي من ماكسيم سالنيكوف

الشكل 8: لوحة "المزامنة في الخلفية"

يمكنك إرسال ملاحظاتك بشأن هذه الميزات الجديدة إلى مشكلة Chromium رقم 927726.

Puppeteer لمتصفّح Firefox

‫Puppeteer for Firefox هو مشروع تجريبي جديد يتيح لك برمجة Firefox آليًا باستخدام واجهة برمجة التطبيقات Puppeteer API. بعبارة أخرى، يمكنك الآن تشغيل Firefox وChromium آليًا باستخدام واجهة برمجة تطبيقات Node نفسها، كما هو موضّح في الفيديو أدناه.

بعد تشغيل node example.js، يفتح Firefox ويتم إدراج النص page في مربّع البحث على موقع مستندات Puppeteer. بعد ذلك، يتم تكرار المهمة نفسها في Chromium.

يمكنك الاطّلاع على حديث "Puppeteer" الذي قدّمه جويل وأندري في مؤتمر Google I/O لعام 2019 لمعرفة المزيد عن Puppeteer وPuppeteer لمتصفّح Firefox. يتم الإعلان عن Firefox في الدقيقة 4:05 تقريبًا.

تنزيل قنوات النسخة الحصرية

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

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

استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي موضوع آخر يتعلّق بـ "أدوات مطوّري البرامج".

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

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

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