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

Kayce Basques

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

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

الشكل 5. السلوك القديم: تتضمن الصفحة عرضًا توضيحيًا يستخدم قاعدة البيانات المفهرسة، ولكن بدون قواعد بيانات. مرئية.

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

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

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

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

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

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

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

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

نقاط الإيقاف المضمّنة في جزء نقطة الإيقاف

لنفترض أنك أضفت نقطة فاصلة لسطر الرمز إلى سطر الرمز التالي:

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

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

السلوك القديم: هناك إدخال واحد فقط في لوحة &quot;نقاط الإيقاف&quot;.

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

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

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

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

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

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

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

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

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

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

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

تلميح مفصل.

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

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

تلميح بسيط

الشكل 12. تلميح مصغر يعرض العرض والارتفاع فقط

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

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

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

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

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

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

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

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

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

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

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