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

Kayce Basques

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

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

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

علامة التبويب "ملفات تعريف الارتباط" (Cookies).

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

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

مشاكل Chromium #856777 و#993843

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

انقر على صف في جزء ملفات تعريف الارتباط للاطّلاع على قيمة ملف تعريف الارتباط هذا.

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

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

مشكلة Chromium #462370

يمكنك محاكاة تفضيلات الألوان المختلفة وتفضيلات الحركة المخفّضة.

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

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

Preferreds-color-scheme: داكن

عند ضبط prefers-color-scheme: dark (المربع الأوسط)، يعرض جزء الأنماط (المربع الأيمن) CSS الذي عندما يكون الاستعلام عن الوسائط صحيحًا ويعرض إطار العرض أنماط الوضع الداكن (المربّع الأيمن).

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

مشكلة Chromium #1004246

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

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

آخر الأخبار حول تغطية الرمز البرمجي

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

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

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

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

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

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

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

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

مشاكل Chromium #1003671 و#1004185

تصحيح الأخطاء بسبب طلب مورد الشبكة

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

علامة تبويب "المُنشئ".

علامة التبويب بادئ التشغيل

مشاكل Chromium 963183 و842488

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

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

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

مشكلة Chromium #977394

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

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

مشكلة Chromium #983874

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

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

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

يمكنك استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو مناقشة أي معلومات أخرى متعلّقة بأدوات مطوري البرامج.

  • يمكنك إرسال اقتراح أو ملاحظات إلينا عبر crbug.com.
  • الإبلاغ عن مشكلة في "أدوات مطوري البرامج" باستخدام خيارات إضافية   المزيد > مساعدة > الإبلاغ عن مشاكل في "أدوات مطوري البرامج" في "أدوات مطوري البرامج"
  • يمكنك نشر تغريدة على @ChromeDevTools.
  • شارِك في التعليقات على الميزات الجديدة في فيديوهات YouTube أو نصائح حول أدوات مطوّري البرامج فيديوهات YouTube.

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

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