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

Jecelyn Yeen

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

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

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

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

اختَر عقدة وعُد إلى عرض شجرة نموذج العناصر في المستند (DOM). تم الآن اختيار عقدة 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 forced-colors لاكتشاف ما إذا كان وكيل المستخدم قد فعّل وضع الألوان المفروضة (مثل وضع التباين العالي في Windows) حيث يفرض لوحة ألوان محدودة يختارها المستخدم على الصفحة.

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

ميزة وسائط الألوان التي يتم فرضها في 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 الآن على Lighthouse 9. ستعمل أداة Lighthouse الآن على إدراج جميع العناصر التي تشترك في المعرّف نفسه.

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

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

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

مشكلة Chromium: 772558

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

أجرينا العديد من التحسينات على ثبات النظام في لوحة المصادر أثناء ترقيتها لاستخدام 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

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

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