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

Kayce Basques

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

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

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

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

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

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

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

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

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

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

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

  • 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 لنقل DevTools إلى يمين مجال العرض.

أدوات المطوّرين مُرسَاة على يمين إطار العرض

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

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

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

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

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

لوحة عمليات التدقيق هي الآن لوحة Lighthouse

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

لوحة Lighthouse

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

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

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

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

واجهة مستخدم مُعدَّلة للمهام الطويلة

المهمة التي تستغرق وقتًا طويلاً هي رمز JavaScript يحتكر السلسلة الرئيسية لفترة طويلة، ما يؤدي إلى تجميد صفحة الويب.

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

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

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

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

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

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

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

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

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

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

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

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

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