الميزات الجديدة في أدوات مطوّري البرامج (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).

المشكلة 1004246 في Chromium

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

علامة التبويب المستخدم

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

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

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

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

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

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

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

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

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

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

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

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

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

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