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

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

إصدار الفيديو لهذه الصفحة

قيم مُعدّة مسبقًا وهادفة عند الإكمال التلقائي لدوال 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 وIndexedDB وذاكرة التخزين المؤقت وWeb161 وSQL161.

الأمر "مسح بيانات الموقع".

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

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

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

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

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

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

عرض جميع قواعد البيانات المفهرسة

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

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

الشكل 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.

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

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

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

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

تلميح مفصّل.

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

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

تلميح مصغر.

الشكل 12. تلميح يعرض الحد الأدنى من العرض والارتفاع فقط.

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

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

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

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

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 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

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 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

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome