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

Kayce Basques
Kayce Basques
X GitHub

ميزات جديدة لملفات تعريف الارتباط

تحديد سبب حظر ملف تعريف ارتباط

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

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

علامة التبويب ملفات تعريف الارتباط

  • لم يتم إرسال ملفات تعريف الارتباط للطلب الصفراء عبر الإنترنت. تكون هذه الأقسام مخفية تلقائيًا. انقر على عرض ملفات تعريف الارتباط للطلب التي تمت فلترتها لعرضها.
  • تم إرسال ملفات تعريف الارتباط الخاصة بالردود الصفراء عبر الشبكة ولكن لم يتم تخزينها.
  • مرِّر مؤشر الماوس فوق مزيد من المعلومات معلومات لمعرفة سبب حظر ملف تعريف ارتباط.
  • تأتي معظم البيانات في جدولَي طلب ملفات تعريف الارتباط واستجابة ملفات تعريف الارتباط من عناوين HTTP الخاصة بالمرجع. تَرِد بيانات النطاق والمسار وتاريخ انتهاء الصلاحية/الحد الأقصى للعمر من بروتوكول أدوات مطوّري البرامج في Chrome.

مشكلتان في Chromium #856777 و#993843

عرض قيم ملفات تعريف الارتباط

انقر على صف في لوحة ملفات تعريف الارتباط لعرض قيمة ملف تعريف الارتباط هذا.

عرض قيمة ملف تعريف ارتباط

عرض قيمة ملف تعريف ارتباط

المشكلة 462370 في Chromium

محاكاة الإعدادات المفضّلة المختلفة لـ prefers-color-scheme وprefers-reduced-motion

يتيح لك طلب البحث عن الوسائط prefers-color-scheme مطابقة نمط موقعك الإلكتروني مع إعدادات المستخدم المفضّلة. على سبيل المثال، إذا كانت طلبات البحث عن الوسائط prefers-color-scheme: dark صحيحة، يعني ذلك أنّ المستخدم ضبط نظام التشغيل على المظهر الداكن ويفضّل واجهات المستخدم ذات المظهر الداكن.

افتح قائمة الأوامر، ونفِّذ الأمر عرض عملية العرض، ثم اضبط القائمة المنسدلة محاكاة ميزة prefers-color-scheme لوسائط صفحات الأنماط المتتالية (CSS) لتصحيح أخطاء أنماط prefers-color-scheme: dark وprefers-color-scheme: light.

prefers-color-scheme: dark

عند ضبط prefers-color-scheme: dark (المربّع الأوسط)، تعرض لوحة "الأنماط" (المربّع الأيسر) ملف CSS الذي يتم تطبيقه عندما يكون طلب البحث عن الوسائط صحيحًا، وتعرض نافذة العرض أنماط الوضع الداكن (المربّع الأيمن).

يمكنك أيضًا محاكاة prefers-reduced-motion: reduce باستخدام القائمة المنسدلة محاكاة ميزة prefers-reduced-motion لوسائط صفحات الأنماط المتتالية (CSS) بجانب القائمة المنسدلة محاكاة ميزة prefers-color-scheme لوسائط صفحات الأنماط المتتالية (CSS).

مشكلة Chromium #1004246

محاكاة المنطقة الزمنية

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

آخر الأخبار عن نسبة استخدام رموز الصفحة

يمكن أن تساعدك علامة التبويب "التغطية" في العثور على JavaScript وCSS غير مستخدَمَين.

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

يتيح لك مربّع النص الجديد لفلتر نوع التغطية فلترة معلومات التغطية حسب نوعها: عرض تغطية JavaScript فقط أو CSS فقط أو عرض جميع أنواع التغطية.

علامة التبويب "التغطية"

علامة التبويب "التغطية"

تعرض لوحة "المصادر" بيانات تغطية الرمز عندما تكون متاحة. يؤدي النقر على العلامات الحمراء أو الزرقاء بجانب رقم السطر إلى فتح علامة التبويب "التغطية" وتمييز الملف.

بيانات التغطية في لوحة "المصادر"

بيانات التغطية في لوحة "المصادر" السطر 8 هو مثال على رمز غير مستخدَم. السطر 11 هو مثال على الرمز المستخدَم.

مشكلتا Chromium #1003671 و#1004185

تحديد سبب طلب مورد شبكة

بعد تسجيل نشاط الشبكة، اختَر أحد موارد الشبكة ثم انتقِل إلى علامة التبويب المصدر لفهم سبب طلب المورد. يصف قسم حزمة استدعاء الطلب حزمة استدعاء JavaScript التي تؤدي إلى طلب الشبكة.

علامة التبويب "أداة البدء"

علامة التبويب أداة البدء

المشاكل في Chromium 963183 و842488

تلتزم لوحتا "وحدة التحكّم" و"المصادر" بإعدادات المسافة البادئة المفضّلة مرة أخرى

لفترة طويلة، كانت "أدوات مطوّري Chrome" تتضمّن إعدادًا لتخصيص خيار المسافة البادئة إلى مسافتين أو 4 مسافات أو 8 مسافات أو علامات تبويب. في الآونة الأخيرة، أصبح هذا الإعداد بلا فائدة لأنّ لوحتَي Console وSources كانتا تتجاهلانه. تم الآن إصلاح هذا الخطأ.

انتقِل إلى الإعدادات > الإعدادات المفضّلة > المصادر > المسافة البادئة التلقائية لضبط الإعدادات المفضّلة.

المشكلة #977394 في Chromium

اختصارات جديدة للتنقل باستخدام المؤشر

اضغط على Control+P في لوحتَي "وحدة التحكّم" أو "المصادر" لنقل المؤشر إلى السطر أعلاه. اضغط على Control+N لنقل المؤشر إلى السطر أدناه.

المشكلة 983874 في Chromium

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

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

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

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

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

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