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

Jecelyn Yeen

تسجيل أحداث النقر مرّتين والنقر بزر الماوس الأيمن في لوحة "المسجّل"

يمكن الآن للوحة المسجِّل تسجيل أحداث النقر مرّتين والنقر بزر الماوس الأيمن.

في هذا المثال، ابدأ تسجيلًا وحاول تنفيذ الخطوات التالية:

• انقر مرّتين على البطاقة لتكبيرها.
• انقر بزر الماوس الأيمن على البطاقة واختَر إجراءً من قائمة السياق.

لفهم كيفية تسجيل المسجّلة الذكية لهذه الأحداث، عليك توسيع الخطوات:

• يتم تسجيل النقر مرّتين على أنّه type: doubleClick.
• تم تسجيل حدث النقر بزر الماوس الأيمن على أنّه type: click ولكن تم ضبط السمة button على secondary. قيمة button للنقرة العادية بالماوس هي primary.

مشاكل Chromium: 1300839 و1322879 و1299701 و1323688

إضافة جديدة إلى فترة زمنية ووضع لقطة في لوحة Lighthouse

يمكنك الآن استخدام Lighthouse لقياس أداء موقعك الإلكتروني بشكل أوسع من تحميل الصفحة.

تتيح لوحة Lighthouse الآن 3 أوضاع لقياس تجربة المستخدِم:

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

على سبيل المثال، لنقيس أداء إضافة سلع إلى سلة التسوّق في هذه الصفحة التجريبية. اختَر وضع الفترة الزمنية وانقر على بدء الفترة الزمنية. انتقِل للأسفل وأضِف بعض السلع إلى سلة التسوّق. عند الانتهاء، انقر على إنهاء الفترة الزمنية لإنشاء تقرير Lighthouse عن تفاعلات المستخدِمين.

اطّلِع على مسارات المستخدِمين في Lighthouse للتعرّف على حالات الاستخدام الفريدة والمزايا والقيود لكل وضع.

مشكلة Chromium: 1291284

تعديلات على "إحصاءات الأداء"

أدوات تحكّم محسّنة في التكبير/التصغير في لوحة "إحصاءات الأداء"

ستتم الآن زيادة حجم المحتوى في DevTools استنادًا إلى مؤشر الماوس بدلاً من موضع شريط التشغيل.باستخدام أحدث ميزة تكبير/تصغير استنادًا إلى المؤشر، يمكنك تحريك الماوس إلى أي مكان في المقطع الصوتي وتكبير المنطقة المطلوبة على الفور.

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

مشكلة Chromium: 1313382

تأكيد حذف تسجيل أداء

تعرِض الآن "أدوات المطوّر" مربّع حوار لتأكيد الحذف قبل حذف تسجيل أداء.

مشكلة Chromium: 1318087

إعادة ترتيب الأجزاء في لوحة "العناصر"

يمكنك الآن إعادة ترتيب الأجزاء في لوحة العناصر بناءً على إعداداتك المفضّلة.

على سبيل المثال، عند فتح "أدوات المطوّر" على شاشة ضيّقة، يتم إخفاء لوحة تسهيل الاستخدام ضمن الزر عرض المزيد. إذا كنت تصحّح أخطاء مشكلات تسهيل الاستخدام بشكل متكرّر، يمكنك الآن سحب اللوحة إلى المقدّمة للوصول إليها بسهولة أكبر.

مشكلة Chromium: 1146146

اختيار لون خارج المتصفِّح

تتيح "أدوات المطوّرين" الآن اختيار لون خارج المتصفّح. في السابق، كان بإمكانك اختيار لون داخل المتصفّح فقط.

في لوحة الأنماط، انقر على أي معاينة لون لفتح أداة اختيار الألوان. استخدِم أداة اختيار الألوان لاختيار لون من أي مكان.

مشكلة Chromium: 1245191

ميزة محسّنة لمعاينة القيم المضمّنة أثناء تصحيح الأخطاء

يعرض مصحّح الأخطاء الآن معاينة القيم المضمّنة بشكل صحيح.

في هذا المثال، تتضمن الدالة double معلَمة الإدخال a والمتغيّر x. ضَع نقطة توقُّف في السطر return وشغِّل الرمز البرمجي. تعرض المعاينة المضمّنة القيمتَين a وx بشكل صحيح. في السابق، لم يعرض مصحّح الأخطاء القيمة x في المعاينة المضمّنة.

مشكلة Chromium: 1316340

إتاحة الكائنات الثنائية الكبيرة لبرامج المصادقة الافتراضية

تتضمّن علامة التبويب WebAuthn الآن مربّع الاختيار الجديد إتاحة تخزين الكائنات الثنائية الكبيرة (blob) لمصادقي الهوية الافتراضيين.

يكون مربّع الاختيار هذا غير مفعّل بشكل تلقائي. ولا يمكنك تفعيلها إلا لمصادقي ctap2 الذين يتيحون استخدام مفاتيح الإقامة.

مشكلة Chromium: 1321803

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

يتوفّر الآن اختصاران جديدان للوحة المفاتيح في لوحة المصادر:

• يمكنك تبديل الشريط الجانبي للتنقّل (على يمين الصفحة) باستخدام Control / Command + Shift + Y.
• استخدِم الاختصار Control / Command + Shift + H أو إيقافه على الشريط الجانبي لبرنامج تصحيح الأخطاء.