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

Kayce Basques

مرحبًا في ما يلي الميزات الجديدة في أدوات مطوّري البرامج في Chrome في الإصدار 75 من Chrome.

نسخة الفيديو من هذه الصفحة

قيم مُعدّة مسبقًا ذات مغزى عند إكمال دوال CSS تلقائيًا

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

السلوك القديم للإكمال التلقائي

الشكل 1: السلوك القديم للإكمال التلقائي تُكمِل أدوات مطوّري البرامج تلقائيًا إلى filter: blur ولا يظهر أي تغيير في إطار العرض.

سلوك الإكمال التلقائي الجديد

الشكل 2: سلوك الإكمال التلقائي الجديد تكمل أدوات المطوّرين العنوان تلقائيًا إلى filter: blur(1px) ويظهر التغيير في إطار العرض.

مشكلة Chromium ذات الصلة: ‎#931145

محو بيانات الموقع الإلكتروني من قائمة الأوامر

اضغط على Control+Shift+P أو Command+Shift+P (نظام التشغيل Mac) لفتح قائمة الأوامر، ثم نفِّذ الأمر محو بيانات الموقع الإلكتروني لمحو جميع البيانات ذات الصلة بالصفحة، بما في ذلك: خدمات Worker، localStorage، sessionStorage، IndexedDB، Web SQL، ملفات تعريف الارتباط، ذاكرة التخزين المؤقت، وذاكرة التخزين المؤقت للتطبيقات.

الأمر "محو بيانات الموقع الإلكتروني"

الشكل 3 الأمر محو بيانات الموقع الإلكتروني

كان خيار محو بيانات المواقع الإلكترونية متاحًا من التطبيق > محو مساحة التخزين لبعض الوقت. تتيح الميزة الجديدة في الإصدار 75 من Chrome إمكانية تنفيذ الأمر من قائمة الأوامر.

إذا كنت لا تريد حذف جميع بيانات الموقع الإلكتروني، يمكنك التحكّم في البيانات التي يتم حذفها من التطبيق > محو مساحة التخزين.

علامة التبويب "التطبيق" مع تحديد "محو مساحة التخزين"

الشكل 4 التطبيق > محو مساحة التخزين

مشكلة Chromium ذات الصلة: ‎#942503

عرض جميع قواعد بيانات IndexedDB

في السابق، كان بإمكانك من خلال التطبيق > IndexedDB فحص قواعد بيانات IndexedDB من المصدر الرئيسي فقط. على سبيل المثال، إذا كان لديك عنصر <iframe> على صفحتك وكان هذا العنصر يستخدم IndexedDB، لن تتمكّن من الاطّلاع على قواعد بياناته.<iframe> اعتبارًا من الإصدار 75 من Chrome، تعرض "أدوات مطوّري البرامج" قواعد بيانات IndexedDB لجميع المواقع.

السلوك القديم تضمّن الصفحة عرضًا تجريبيًا يستخدم IndexedDB، ولكن لا تظهر أي قواعد بيانات.

الشكل 5 السلوك القديم تضمّن الصفحة عرضًا تجريبيًا يستخدم IndexedDB، ولكن لا تظهر أي قواعد بيانات.

السلوك الجديد تكون قواعد بيانات الإصدار التجريبي مرئية.

الشكل 6 السلوك الجديد تكون قواعد بيانات الإصدار التجريبي مرئية.

مشكلة Chromium ذات الصلة: ‎#943770

عرض حجم المرجع غير المضغوط عند التمرير فوقه

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

تمرير مؤشر الماوس فوق عمود &quot;الحجم&quot; لعرض حجم المورد غير المضغووط

الشكل 7 تمرير مؤشر الماوس فوق عمود "الحجم" لعرض حجم المورد غير المضغووط

مشكلة Chromium ذات الصلة: ‎#805429

نقاط الإيقاف المضمّنة في لوحة نقاط الإيقاف

لنفترض أنّك أضفت نقطة توقّف لسطر رمز برمجي إلى سطر التعليمات البرمجية التالي:

document.querySelector('#dante').addEventListener('click', logWarning);

منذ فترة، تمكّنك أدوات المطوّرين من تحديد الوقت الدقيق الذي يجب فيه إيقاف الإجراء مؤقتًا عند نقطة التوقف، وذلك على النحو التالي: في بداية السطر، أو قبل استدعاء document.querySelector('#dante')، أو قبل استدعاء addEventListener('click', logWarning). في حال تفعيل الإعدادات الثلاثة، يعني ذلك أنّك تنشئ 3 نقاط توقّف. في السابق، لم تكن لوحة نقاط التوقف تتيح لك إدارة نقاط التوقف الثلاث هذه بشكلٍ فردي. اعتبارًا من الإصدار 75 من Chrome، يحصل كل نقطة توقف مضمّنة على إدخال خاص بها في لوحة نقاط التوقف.

السلوك القديم هناك إدخال واحد فقط في لوحة نقاط التوقف.

الشكل 8 السلوك القديم يتوفّر إدخال واحد فقط في لوحة نقاط التوقف.

السلوك الجديد هناك 3 إدخالات في لوحة نقاط التوقف.

الشكل 9 السلوك الجديد هناك 3 إدخالات في لوحة نقاط التوقف.

مشكلة Chromium ذات الصلة: ‎#927961

أعداد موارد IndexedDB وذاكرة التخزين المؤقت

تشير الآن لوحتا IndexedDB والذاكرة المؤقتة إلى إجمالي عدد الموارد في قاعدة بيانات أو ذاكرة مؤقتة.

إجمالي الإدخالات في قاعدة بيانات IndexedDB

الشكل 10 إجمالي الإدخالات في قاعدة بيانات IndexedDB

مشاكل Chromium ذات الصلة: ‎#941197 و‎#930773 و‎#930865

إعداد لإيقاف تلميح الفحص المفصّل

طرح الإصدار 73 من Chrome تلميحات تفصيلية عند استخدام وضع "فحص العنصر".

تلميح مفصّل

الشكل 11 نصائح تفصيلية تعرض اللون والخط والهامش والتباين

يمكنك الآن إيقاف هذه التلميحات التفصيلية من الإعدادات > الإعدادات المفضّلة > العناصر > عرض التلميح التفصيلي للفحص.

تلميح بسيط

الشكل 12 نصيحة بسيطة تعرض العرض والارتفاع فقط

مشكلة Chromium ذات الصلة: ‎#948417

إعداد لتبديل المسافة البادئة لمفتاح التبويب في محرِّر لوحة "المصادر"

أظهرت اختبارات تسهيل الاستخدام أنّ هناك علامة تبويب غير قابلة للاستخدام في المحرِّر. بعد أن يستخدم مستخدم لوحة مفاتيح المحرِّر، لا تتوفّر لديه طريقة للخروج منه لأنّ مفتاح Tab كان يُستخدَم للترميز. لإلغاء السلوك التلقائي واستخدام Tab لنقل التركيز، فعِّلالإعدادات > الإعدادات المفضّلة > المصادر > تفعيل نقل التركيز باستخدام مفتاح التبويب.

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

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

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

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

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

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

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