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

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

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

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

بعد كتابة &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

يمكنك مشاركة سجلات الشبكة مع الزملاء بسهولة أكبر باستخدام الإصدار الجديد Export All As HAR With Content. تصدير واستيراد ملف 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 مشروعًا تجريبيًا جديدًا يمكّنك من أتمتة Firefox باستخدام Puppeteer API. بعبارة أخرى، يمكنك الآن تشغيل Firefox وChromium نفسه بشكل تلقائي باستخدام واجهة Node API نفسها كما هو موضح في الفيديو أدناه.

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

لمزيد من المعلومات حول مؤتمر Google I/O لعام 2019، يمكنك الاطّلاع على محادثة Joel وأندري حول الدمى المتحركة. Puppeteer وPuppeteer في Firefox. يتم الإعلان عن Firefox حوالى الساعة 4:05.

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

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

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

يمكنك استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو مناقشة أي معلومات أخرى متعلّقة بأدوات مطوري البرامج.

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

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

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