لوحة "الوسائط الجديدة"
تعرض "أدوات مطوّري البرامج" الآن معلومات مشغّلات الوسائط في لوحة "الوسائط".
قبل إطلاق لوحة الوسائط الجديدة في "أدوات مطوّري البرامج"، كان يمكن العثور على معلومات التسجيل وتصحيح الأخطاء المتعلّقة بمشغّلات الفيديو في chrome://media-internals.
توفّر "لوحة الوسائط" الجديدة طريقة أسهل لعرض الأحداث والسجلات والخصائص والمخطط الزمني لعمليات فك ترميز الإطارات في علامة تبويب المتصفح نفسها التي يظهر فيها مشغّل الفيديو. يمكنك عرض المشاكل المحتملة وفحصها بشكل مباشر وبسرعة أكبر (مثلاً، سبب حدوث انخفاض في عدد اللقطات، وسبب تفاعل JavaScript مع المشغّل بطريقة غير متوقّعة).
مشكلة في Chromium: 1018414
التقاط لقطات شاشة للعُقد من خلال قائمة السياق في لوحة "العناصر"
يمكنك الآن التقاط لقطات شاشة للعُقد من خلال قائمة السياقات في لوحة "العناصر".
على سبيل المثال، يمكنك التقاط لقطة شاشة لجدول المحتويات من خلال النقر بزر الماوس الأيمن على العنصر واختيار التقاط لقطة شاشة للعقدة.
مشكلة في Chromium: 1100253
تعديلات على علامة التبويب "المشاكل"
تم الآن استبدال شريط التحذير "المشاكل" في لوحة "وحدة التحكّم" برسالة عادية.
يتم الآن إخفاء المشاكل المتعلّقة بملفات تعريف الارتباط الخارجية تلقائيًا في علامة التبويب "المشاكل". ضَع علامة في مربّع الاختيار الجديد تضمين مشاكل ملفات تعريف الارتباط التابعة لجهات خارجية لعرضها.
مشاكل Chromium: 1096481 و1068116 و1080589
محاكاة الخطوط المحلية غير المتوفّرة
افتح علامة التبويب "العرض" واستخدِم الميزة الجديدة إيقاف الخطوط المحلية لمحاكاة مصادر
local() المفقودة في قواعد @font-face.
على سبيل المثال، عندما يتم تثبيت الخط "Rubik" على جهازك وتستخدم قاعدة @font-face src هذا الخط local()، يستخدم Chrome ملف الخط المحلي من جهازك.
عند تفعيل خيار إيقاف الخطوط المحلية، تتجاهل "أدوات مطوّلي البرامج" خطوط local() وتجلبها من الشبكة.
في كثير من الأحيان، يستخدم المطوّرون والمصمّمون نسختَين مختلفتَين من الخط نفسه أثناء التطوير:
- خط محلي لأدوات التصميم
- خط ويب للرمز
يُسهّل عليك إيقاف الخطوط المحلية ما يلي:
- تصحيح الأخطاء وقياس أداء تحميل خطوط الويب وتحسينه
- التأكّد من صحة قواعد CSS
@font-face - التعرّف على أي اختلافات بين خطوط الويب ونسخها المحلية
مشكلة في Chromium: 384968
محاكاة المستخدمين غير النشطين
تسمح واجهة برمجة التطبيقات لرصد حالة عدم النشاط للمطوّرين برصد المستخدمين غير النشطين والتفاعل مع التغييرات في حالة عدم النشاط. يمكنك الآن استخدام "أدوات مطوّلي البرامج" لمحاكاة تغييرات حالة عدم النشاط في علامة التبويب أجهزة الاستشعار لكل من حالة المستخدم وحالة الشاشة بدلاً من انتظار تغيير حالة عدم النشاط الفعلية. يمكنك فتح علامة التبويب أجهزة الاستشعار من الدرج.
مشكلة في Chromium: 1090802
محاكاة prefers-reduced-data
يتيح طلب البحث عن الوسائط prefers-reduced-data معرفة ما إذا كان المستخدم يفضّل تلقّي محتوى بديل
يستهلك بيانات أقل لعرض الصفحة.
يمكنك الآن استخدام "أدوات مطوّري البرامج في Chrome" لمحاكاة طلب البحث عن الوسائط prefers-reduced-data.
مشكلة في Chromium: 1096068
توفير ميزات JavaScript الجديدة
تتضمّن "أدوات مطوّلي البرامج" الآن دعمًا أفضل لبعض أحدث ميزات لغة JavaScript:
- عوامل التشغيل الخاصة بتعيين القيم المنطقية: تتيح "أدوات مطوّري البرامج" الآن تعيين القيم المنطقية باستخدام عوامل التشغيل الجديدة
&&=و||=و??=في لوحتَي "وحدة التحكّم" و"المصادر". - عرض فواصل الأرقام بتنسيق جميل: تعرض "أدوات مطوّري البرامج" الآن فواصل الأرقام بتنسيق جميل في لوحة "المصادر".
مشاكل Chromium: 1086817 و1080569
الإصدار 6.2 من Lighthouse في لوحة Lighthouse
تعمل لوحة Lighthouse الآن بالإصدار 6.2 من Lighthouse. يمكنك الاطّلاع على ملاحظات الإصدار للحصول على قائمة كاملة بالتغييرات.
عمليات التدقيق الجديدة في الإصدار 6.2 من Lighthouse:
- تجنُّب المهام الطويلة في سلسلة التعليمات الرئيسية: تعرض هذه السمة المهام التي تستغرق وقتًا أطول في سلسلة التعليمات الرئيسية، ما يساعد في تحديد أكثر العوامل التي تسبِّب تأخيرًا في عملية الإدخال.
- يمكن الزحف إلى الروابط. يُرجى التأكّد من أنّ سمة
hrefلعناصر الارتساء ترتبط بوجهة مناسبة، حيث يمكن اكتشاف الروابط. - عناصر الصور بلا حجم محدَّد: تحقَّق مما إذا تم ضبط قيمتَي
widthوheightمحدَّدتَين في عناصر الصور. يمكن أن يؤدي تحديد حجم الصورة بشكل واضح إلى الحدّ من متغيّرات التصميم وتحسين متغيّرات التصميم التراكمية (CLS). - تجنُّب الصور المتحركة غير المركّبة تعرض هذه الأداة الصور المتحركة غير المركّبة التي تبدو بجودة رديئة وتؤدي إلى خفض متغيّرات التصميم التراكمية (CLS).
- يستمع إلى أحداث
unload. تسجّل هذه السمة الحدثunload. بدلاً من هذا الحدث، يمكنك استخدامpagehideأوvisibilitychangeلأنّ الحدثunloadلا يتم تنشيطه بشكل موثوق.
عمليات التدقيق المعدَّلة في الإصدار 6.2 من Lighthouse:
- إزالة JavaScript غير المستخدَم سيحسّن Lighthouse الآن عملية التدقيق إذا كانت الصفحة تتضمّن خرائط مصدر JavaScript يمكن الوصول إليها بشكل علني.
مشكلة في Chromium: