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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

وضع الفترة الزمنية

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

مشكلة Chromium: 1291284

آخر الأخبار حول "إحصاءات الأداء"

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

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

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

مشكلة 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 أو إيقافه على الشريط الجانبي لبرنامج تصحيح الأخطاء.

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

مشاكل Chromium: 1226363

تحسينات على خرائط المصادر

في السابق، كان المطوّرون يواجهون إخفاقًا عشوائيًا في ما يلي:

  • مثال على تصحيح الأخطاء باستخدام رمز الترميز
  • تحديد موقع المصدر لمشاكل الأداء في مثال Codep
  • لا تتوفّر علامة تبويب المكوّن عند تفعيل React DevTools.

في ما يلي بعض الإصلاحات على خرائط المصدر لتحسين تجربة تصحيح الأخطاء بشكل عام:

  • الربط الصحيح بين الموقع والإزاحة للنصوص البرمجية المضمّنة وموقع المصدر
  • استخدام المعلومات الاحتياطية لموقع نص الإطار
  • حل عناوين URL النسبية بشكل صحيح باستخدام عنوان URL للإطار

مشاكل Chromium: 1319828 و1318635 و1305475

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

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

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

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

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

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

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