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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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