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

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

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

ميزة محو بيانات الموقع متاحة لفترة من الوقت من التطبيق > محو مساحة التخزين. تتمثل الميزة الجديدة في Chrome 75 في القدرة على تشغيل الأمر من قائمة الأوامر.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تلميح مفصل.

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

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

تلميح بسيط

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

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

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

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

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

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

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

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

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

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

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

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

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من Chrome

الإصدار 118 من Chrome

الإصدار 117 من Chrome

الإصدار 116 من Chrome

الإصدار 115 من Chrome

الإصدار 114 من Chrome

الإصدار 113 من Chrome

الإصدار 112 من Chrome

الإصدار 111 من Chrome

الإصدار 110 من Chrome

الإصدار 109 من Chrome

الإصدار 108 من Chrome

الإصدار 107 من Chrome

الإصدار 106 من Chrome

الإصدار 105 من Chrome

الإصدار 104 من Chrome

الإصدار 103 من Chrome

الإصدار 102 من Chrome

الإصدار 101 من Chrome

الإصدار 100 من Chrome

الإصدار 99 من Chrome

الإصدار 98 من Chrome

الإصدار 97 من Chrome

الإصدار 96 من Chrome

الإصدار 95 من Chrome

الإصدار 94 من Chrome

الإصدار 93 من Chrome

الإصدار 92 من Chrome

الإصدار 91 من Chrome

الإصدار 90 من Chrome

الإصدار 89 من Chrome

الإصدار 88 من Chrome

الإصدار 87 من Chrome

الإصدار 86 من Chrome

الإصدار 85 من Chrome

الإصدار 84 من Chrome

الإصدار 83 من Chrome

الإصدار 82 من Chrome

تم إلغاء الإصدار 82 من Chrome.

الإصدار 81 من Chrome

الإصدار 80 من Chrome

الإصدار 79 من Chrome

الإصدار 78 من Chrome

الإصدار 77 من Chrome

الإصدار 76 من Chrome

الإصدار 75 من Chrome

الإصدار 74 من Chrome

الإصدار 73 من Chrome

الإصدار 72 من Chrome

الإصدار 71 من Chrome

Chrome 70

الإصدار 68 من Chrome

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

الإصدار 64 من Chrome

الإصدار 63 من Chrome

الإصدار 62 من Chrome

الإصدار 61 من Chrome

الإصدار 60 من Chrome

الإصدار 59 من Chrome