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

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

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

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

بعد كتابة &quot;غامق&quot;، يتم إكمال جزء &quot;الأنماط&quot; تلقائيًا إلى &quot;font-weight: bold&quot;.

الشكل 1. بعد الكتابة bold، يتم إكمال جزء الأنماط تلقائيًا في font-weight: bold.

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

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

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

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

الشكل 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 في "أدوات مطوري البرامج" منذ فترة. التغيير الجديد هو الأزرار الأكثر قابلية للاكتشاف.

أزرار HAR الجديدة.

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

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

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

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

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

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

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

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

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

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

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

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

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

فحص أحداث "استرجاع البيانات في الخلفية" و"مزامنة الخلفية"

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

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

لوحة استرجاع البيانات في الخلفية

الشكل 7. لوحة استرجاع البيانات في الخلفية عرض توضيحي لـ ماكسيم سلنيكوف.

جزء &quot;مزامنة الخلفية&quot;.

الشكل 8. جزء "مزامنة الخلفية".

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

محرك الدُمى في Firefox

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

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

يمكنك مشاهدة فيديو "العرائس" الذي ألقيه جويل وأندري من مؤتمر Google I/O لعام 2019 لمعرفة المزيد عن الدمى المتحركة والدمى المتحركة في Firefox. سيتم إعلان Firefox حوالى الساعة 4:05.

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

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