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

ميزة المعاينة: شجرة تسهيل الاستخدام بملء الصفحة

تسهِّل شجرة تسهيل الاستخدام الجديدة بملء الصفحة الحصول على نظرة عامة حول شجرة تسهيل الاستخدام بملء الصفحة وتساعدك في التعرّف بشكل أفضل على كيفية تعرض محتوى الويب الخاص بك للتكنولوجيا المساعِدة.

في لوحة العناصر، افتح لوحة تسهيل الاستخدام واختَر مربّع الاختيار تفعيل شجرة تسهيل الاستخدام بملء الصفحة. بعد ذلك، يجب إعادة تحميل "أدوات مطوري البرامج" وسيظهر زر جديد لتسهيل الاستخدام في لوحة العناصر.

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

اختَر عُقدة وبدِّل مرة أخرى إلى العرض التدرّجي في نموذج العناصر في المستند (DOM). تم اختيار عقدة DOM المقابلة الآن. وتعد هذه طريقة رائعة لفهم عملية الربط بين عقدة DOM وعقدة شجرة تسهيل الاستخدام الخاصة بها. يناسب ذلك شجرة نموذج العناصر في المستند ⬌ أيضًا العرض التدرّجي لتسهيل الاستخدام.

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

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

شجرة تسهيل الاستخدام بملء الصفحة

مشكلة Chromium: 887173

تغييرات أكثر دقة في علامة التبويب "التغييرات"

تتم تلقائيًا طباعة التغييرات التي تطرأ على الرمز في علامة التبويب التغييرات.

في السابق، كان من الصعب تتبُّع التغييرات الفعلية للرمز المصدر المصغَّر بسبب عرض جميع هذه الرموز في سطر واحد.

علامة التبويب "التغييرات"

مشاكل Chromium: 1238818 و1268754 و1086491

ضبط مهلة أطول لتسجيل تدفق المستخدم

يمكنك الآن ضبط إعدادات المهلة في المسجّلة الذكية لجميع الخطوات أو لخطوة معيّنة. ويُعدّ ذلك مفيدًا بشكلٍ خاص للصفحات التي تحتوي على طلبات اتصال بطيئة وصور متحركة مطوّلة.

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

ويمكننا استخدام إعدادات المهلة الجديدة لإصلاح هذه المشكلة. وسِّع الخطوة التي نضغط عليها على عنصر القائمة. عدِّل الخطوة من خلال إضافة مهلة واضبطها على 6000 مللي ثانية (يساوي ذلك 6 ثوانٍ).

ويمكنك اختياريًا ضبط المهلة في إعدادات إعادة التشغيل لكل الخطوات. وسِّع إعدادات إعادة التشغيل وعدِّل قيمة المهلة.

إعدادات المهلة لتسجيل تدفق المستخدم

مشكلة Chromium: 1257499

التأكّد من إمكانية تخزين صفحاتك مؤقتًا باستخدام علامة التبويب "التخزين المؤقت للصفحات"

التخزين المؤقت للصفحات (أو bfcache) هو تحسين للمتصفّح يتيح التنقّل الفوري للأمام وللخلف.

يمكن أن تساعدك علامة التبويب الجديدة ميزة "التخزين المؤقت للصفحات" في اختبار صفحاتك للتأكّد من أنّها محسّنة للتوافق مع ميزة "التخزين المؤقت للصفحات" وتحديد أي مشاكل قد تمنعها من التأهّل.

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

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

علامة تبويب "التخزين المؤقت للصفحات"

مشكلة Chromium: 1110752

فلتر جديد في لوحة "الخصائص"

إذا كنت تريد التركيز على موقع معيَّن في لوحة الخصائص، يمكنك الآن كتابة اسم الموقع أو قيمته في مربّع النص الفلتر الجديد.

بشكلٍ تلقائي، لا يتم عرض المواقع التي تكون قيمتها null أو undefined. ضَع علامة في مربّع الاختيار عرض الكل لعرض جميع المواقع.

تتيح لك هذه التحسينات الوصول إلى الخصائص التي تهتم بها بشكل أسرع، وبالتالي تحسين إنتاجيتك.

فلتر جزء الخصائص

مشكلة Chromium: 1269674

محاكاة ميزة وسائط فرض الألوان في CSS

يتم استخدام ميزة وسائط CSS للألوان المفروضة لاكتشاف ما إذا كان وكيل المستخدم قد فعّل وضع ألوان مفروض (مثل وضع التباين العالي في Windows) حيث تفرض لوحة ألوان محدودة من اختيار المستخدم على الصفحة.

افتح قائمة الأوامر، وشغِّل القائمة المنسدلة إظهار العرض، ثم اضبط الأمر محاكاة ميزة وسائط CSS forced-colors.

ميزة وسائط "الألوان المفروضة" في CSS

مشكلة Chromium: 1130859

عرض أدوات قياس المسافات على أمر التمرير

يمكنك الآن فتح قائمة الأوامر وتشغيل أمر إظهار أدوات قياس المسافات عند التمرير. تعمل أدوات قياس الصفحات على تسهيل قياس عرض العنصر وارتفاعه.

في السابق، لم يكن بإمكانك تفعيل أدوات قياس الصفحات إلا من خلال مربع الاختيار الإعدادات > عرض أدوات قياس المسافات.

عرض أدوات قياس المسافات على أمر التمرير

مشكلة Chromium: 1270562

إتاحة row-reverse وcolumn-reverse في محرِّر Flexbox

أضاف محرِّر Flexbox زرَّين جديدَين لإتاحة row-reverse وcolumn-reverse في flex-direction.

محرِّر Flexbox

مشكلة Chromium: 1263866

اختصارات جديدة للوحة المفاتيح لإعادة تشغيل XHR وتوسيع جميع نتائج البحث

اختصارات لوحة المفاتيح لإعادة تشغيل XHR في لوحة الشبكة

اختَر طلب XHR في لوحة الشبكة واضغط على R في لوحة المفاتيح لإعادة تشغيل طلب XHR. في السابق، لم يكن بإمكانك إلا إعادة تشغيل XHR من خلال قائمة السياق (انقر بزر الماوس الأيمن > إعادة تشغيل XHR)

إعادة تشغيل XHR

مشكلة Chromium: 1050021

اختصار لوحة المفاتيح لتوسيع جميع نتائج البحث

تمت إضافة اختصار جديد في علامة التبويب بحث يسمح لك بتوسيع جميع نتائج البحث وتصغيرها. في السابق، لم يكن بإمكانك توسيع نتائج البحث وتصغيرها إلا بالنقر على ملف واحد في كل مرة.

افتح علامة تبويب البحث من خلال Esc > قائمة النقاط الثلاث > بحث. أدخِل سلسلة بحث (مثل دالة) واضغط على Enter للاطّلاع على قائمة نتائج البحث. ركِّز على نتائج البحث واستخدِم الاختصار التالي لتوسيع ملفات البحث أو تصغيرها:

  • نظام التشغيل Windows / Linux - Ctrl + Shift + { أو }
  • MacOS - Cmd + Options + { أو }

انتقِل إلى اختصارات لوحة المفاتيح كمرجع لاختصارات لوحة المفاتيح في "أدوات مطوري البرامج في Chrome".

مشكلة Chromium: 1255073

Lighthouse 9 في لوحة Lighthouse

يتم الآن تشغيل Lighthouse 9 في لوحة Lighthouse. ستدرج أداة Lighthouse الآن جميع العناصر التي تشترك في المعرّف نفسه.

معرّف العنصر غير الفريد من مشكلات إمكانية الوصول الشائعة. على سبيل المثال، إنّ المعرّف المُشار إليه في السمة aria-labelledby يُستخدم على عناصر متعدّدة.

يمكنك مراجعة الميزات الجديدة في Lighthouse 9.0 لمزيد من التفاصيل حول التحديثات.

يجب أن يكون لتدقيق Lighthouse في "جميع العناصر القابلة للتركيز" "id" فريد يعرض عنصرين لهما "المعرّف" نفسه

مشكلة Chromium: 772558

لوحة المصادر المحسّنة

الكثير من تحسينات الثبات في لوحة Sources أثناء ترقيتها لاستخدام CodeMirror 6. في ما يلي بعض التحسينات الملحوظة:

  • أسرع بشكل ملحوظ عند فتح الملفات الكبيرة (مثل WASM أو JavaScript)
  • لا مزيد من التمرير العشوائي عند التنقّل في الرموز البرمجية
  • اقتراحات محسّنة للإكمال التلقائي للمصادر القابلة للتعديل (مثل المقتطفات والتجاوز المحلي)

مشكلة Chromium: 1241848

معلومات متنوعة

في ما يلي بعض الإصلاحات البارزة في هذا الإصدار:

  • اعرِض بشكل صحيح الرسم البياني الانحداري لطلبات الشبكة. في السابق، كان النمط غير صحيح. (1275501)
  • كان تمييز الرمز تالفًا عند البحث في مستندات تحتوي على أسطر طويلة جدًا في لوحة المصادر. لقد أصلحنا هذه المشكلة الآن. (1275496)
  • لم تعد هناك حاجة إلى تكرار علامة التبويب حمولة في طلبات الشبكة. (1273972)
  • تم إصلاح تفاصيل متغيّرات التصميم غير المتوفّرة في قسم الملخّص في لوحة الأداء. (1259606)
  • استخدام الأحرف العشوائية (مثل , و.) في طلبات البحث في الشبكة (1267196)

[ميزة تجريبية] نقاط النهاية في لوحة Reporting API

تم تقديم اللوحة التجريبية Reporting API في Chrome 96 لمساعدتك في تتبُّع التقارير التي يتم إنشاؤها على صفحتك وحالتها.

أصبح قسم نقاط النهاية متاحًا الآن. وتقدّم لك هذه الصفحة نظرة عامة على جميع نقاط النهاية التي تم ضبطها في عنوان Reporting-Endpoints.

تعرَّف على كيفية استخدام Reporting API لرصد انتهاكات الأمان وطلبات البيانات من واجهة برمجة التطبيقات المتوقّفة والمزيد.

لوحة Reporting API

مشكلة Chromium: 1200732

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

يمكنك استخدام 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