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

Kayce Basques

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

تصحيح أخطاء سبب حظر ملف تعريف ارتباط

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

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

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

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

مشاكل Chromium ‎#856777 و‎#993843

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

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

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

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

مشكلة Chromium ‎#462370

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

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

افتح قائمة الأوامر، ونفِّذ الأمر عرض المعالجة، ثم اضبط القائمة المنسدلة محاكاة ميزة CSS prefers-color-scheme لتصحيح أخطاء أنماط 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

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

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

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

مشكلة Chromium ‎#977394

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

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

مشكلة Chromium ‎#983874

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

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

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

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

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

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