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

Kayce Basques
Kayce Basques
X GitHub

محاكاة قصور الرؤية

افتح علامة التبويب "العرض" واستخدِم ميزة محاكاة مشاكل البصر الجديدة للحصول على فكرة أفضل عن تجربة المستخدمين الذين يعانون من أنواع مختلفة من مشاكل البصر لموقعك الإلكتروني.

محاكاة الرؤية الضبابية

محاكاة الرؤية الضبابية

يمكن لأداة DevTools محاكاة تشوّش الرؤية وأنواع قصور رؤية الألوان التالية:

  • عمى اللون الأحمر: عدم القدرة على إدراك أي ضوء أحمر
  • عمى اللون الأخضر: عدم القدرة على إدراك أي ضوء أخضر
  • عمى اللون الأزرق: عدم القدرة على إدراك أي ضوء أزرق
  • عمى الألوان: عدم القدرة على إدراك أي لون باستثناء درجات اللون الرمادي (حالة نادرة للغاية)

تتوفّر إصدارات أقل حدة من حالات قصور رؤية الألوان هذه، وهي في الواقع أكثر شيوعًا. على سبيل المثال، عمى الأحمر هو انخفاض في الحساسية للضوء الأحمر (على عكس عمى الألوان، وهو عدم القدرة تمامًا على إدراك الضوء الأحمر). ومع ذلك، لا يتم تحديد حالات قصور الرؤية هذه التي تنتهي بـ "omaly" بشكل واضح، إذ يختلف كل شخص يعاني من قصور في الرؤية عن الآخر وقد يرى الأشياء بشكل مختلف (قد يتمكن من إدراك المزيد أو الأقل من الألوان ذات الصلة).

من خلال تصميم تطبيقات الويب بما يتوافق مع عمليات المحاكاة الأكثر تطرّفًا في DevTools، نضمن أن تكون تطبيقات الويب متاحة أيضًا للمستخدمين الذين يعانون من عيوب في رؤية الألوان، مثل عيب رؤية اللون الأحمر، وعيب رؤية اللون الأخضر، وعيب رؤية اللون الأزرق، وعيب رؤية الألوان.

يمكنك إرسال ملاحظات إلى المشكلة رقم 1003700 في Chromium أو الاطّلاع على مزيد من المعلومات حول عملية التنفيذ.

محاكاة اللغات

يمكنك الآن محاكاة اللغات المحلية من خلال ضبط موقع جغرافي في أدوات الاستشعار > الموقع الجغرافي. افتح قائمة الأوامر واكتب Sensors للوصول إلى علامة التبويب أجهزة الاستشعار. بعد تنفيذ هذه الإجراءات، تعدّل "أدوات مطوّلي البرامج" اللغة التلقائية الحالية، ما يؤثر في ما يلي:

  • Intl.* واجهات برمجة التطبيقات، مثل new Intl.NumberFormat().resolvedOptions().locale
  • واجهات برمجة تطبيقات JavaScript الأخرى التي تراعي اللغة، مثل String.prototype.localeCompare و*.prototype.toLocaleString، مثلاً 123_456..toLocaleString()
  • واجهات برمجة التطبيقات الخاصة بنموذج المستند (DOM)، مثل navigator.language وnavigator.languages
  • عنوان طلب HTTP الخاص بـ Accept-Language

يمكنك الاطّلاع على مثال على الرمز البرمجي الذي يعتمد على اللغة لتجربته بنفسك.

يمكنك إرسال ملاحظاتك إلى المشكلة رقم 1051822 في Chromium.

تصحيح أخطاء "سياسة تضمين المحتوى من مصادر خارجية" (COEP)

تقدّم لوحة "الشبكة" الآن معلومات تصحيح الأخطاء في سياسة أداة تضمين المحتوى من مصادر خارجية.

يقدّم عمود الحالة الآن شرحًا سريعًا لسبب حظر الطلب، بالإضافة إلى رابط للاطّلاع على عناوين هذا الطلب بهدف تصحيح الأخطاء بشكلٍ أكبر:

الطلبات المحظورة في عمود "الحالة"

يقدّم قسم عناوين الاستجابة في علامة التبويب العناوين المزيد من الإرشادات حول كيفية حلّ المشاكل التالية:

مزيد من الإرشادات في قسم "عناوين الاستجابة"

يمكنك إرسال ملاحظات إلى الرقم 1051466 في قائمة المشاكل في Chromium.

رموز جديدة لنقاط الإيقاف ونقاط الإيقاف المشروطة ونقاط تسجيل التصحيح

تحتوي لوحة المصادر على رموز جديدة لنقاط التوقف ونقاط التوقف الشرطية ونقاط التسجيل:

كان الهدف من تصميم الرموز الجديدة هو جعل واجهة المستخدم أكثر اتساقًا مع أدوات تصحيح الأخطاء الأخرى المستندة إلى واجهة المستخدم الرسومية (التي عادةً ما تلوّن نقاط التوقف باللون الأحمر) وتسهيل التمييز بين الميزات الثلاث بنظرة سريعة.

يمكنك إرسال ملاحظات إلى المشكلة رقم 1041830 في Chromium.

استخدِم الكلمة الرئيسية الجديدة cookie-path في فلتر لوحة الشبكة للتركيز على طلبات الشبكة التي تضبط مسار ملف تعريف ارتباط معيّنًا.

اطّلِع على فلترة الطلبات حسب المواقع للتعرّف على المزيد من الكلمات الرئيسية الخاصة، مثل cookie-path.

تثبيت على الجانب الأيمن من "قائمة الأوامر"

افتح قائمة الأوامر وشغِّل الأمر Dock to left لنقل "أدوات مطوّري البرامج" إلى يمين إطار العرض.

تم إرساء "أدوات مطوّري البرامج" على يسار إطار العرض

يمكنك إرسال ملاحظاتك إلى الرقم 1011679 في قائمة المشاكل في Chromium.

تم نقل الخيار Settings في القائمة الرئيسية

يمكنك الآن العثور على خيار فتح الإعدادات من القائمة الرئيسية ضمن المزيد من الأدوات.

فتح "القائمة الرئيسية" مع التركيز على "المزيد من الأدوات" في "الإعدادات"

يمكنك إرسال ملاحظات إلى المشكلة رقم 1050855 في Chromium.

أصبح لوحة عمليات التدقيق الآن لوحة Lighthouse

تلقّى فريقا "أدوات مطوّري البرامج" وLighthouse بشكل متكرّر ملاحظات من مطوّري الويب تفيد بأنّه من الممكن تشغيل Lighthouse من "أدوات مطوّري البرامج"، ولكن عندما حاولوا تنفيذ ذلك، لم يتمكّنوا من العثور على لوحة Lighthouse، لذا أصبحت لوحة عمليات التدقيق الآن لوحة Lighthouse.

لوحة Lighthouse

حذف جميع عمليات الإلغاء المحلية في مجلد

بعد إعداد عمليات التعديل المحلية، يمكنك الآن النقر بزر الماوس الأيمن على مجلد واختيار الخيار الجديد حذف جميع عمليات التعديل لحذف جميع عمليات التعديل المحلية في هذا المجلد.

حذف جميع عمليات الإلغاء

يمكنك إرسال ملاحظاتك إلى المشكلة رقم 1016501 في Chromium.

تعديل واجهة المستخدم الخاصة بالمهام الطويلة

المهمة الطويلة هي رمز JavaScript يستحوذ على سلسلة التعليمات الرئيسية لفترة طويلة، ما يؤدي إلى تجمُّد صفحة الويب.

لقد كان بإمكانك تصوّر "المهام الطويلة" في لوحة "الأداء" منذ فترة، ولكن في Chrome 83، تم تعديل واجهة مستخدم التصوّر الخاصة بـ "المهام الطويلة" في لوحة "الأداء". تم الآن تلوين جزء "المهمة الطويلة" من المهمة بخلفية حمراء مخطّطة.

واجهة المستخدم الجديدة للمهام الطويلة

يمكنك إرسال ملاحظات إلى المشكلة رقم 1054447 في Chromium.

إتاحة الرموز القابلة للإخفاء في لوحة "البيان"

قدّمت إصدارات Android Oreo رموزًا متكيّفة تعرض رموز التطبيقات بأشكال متنوعة على مختلف طُرز الأجهزة. الرموز التكيُّفية هي تنسيق جديد للرموز يتوافق مع الرموز التكيُّفية، ما يتيح لك التأكّد من أنّ رمز PWA يظهر بشكل جيد على الأجهزة التي تتوافق مع معيار الرموز التكيُّفية.

فعِّل مربّع الاختيار الجديد عرض أقل منطقة آمنة للرموز القابلة للإخفاء في لوحة Manifest للتأكّد من أنّ الرمز القابل للإخفاء سيبدو جيدًا على أجهزة Android Oreo. يمكنك الاطّلاع على مقالة هل الرموز الحالية جاهزة؟ لمعرفة المزيد.

مربّع الاختيار "عرض أقل منطقة آمنة للرموز القابلة للإخفاء"

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

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

التواصل مع فريق Chrome DevTools

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

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

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