الميزات الجديدة في أدوات مطوّري البرامج (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

إتاحة استخدام وحدات تخزين ثنائية كبيرة (blob) للمصادقات الافتراضية

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

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

 إتاحة استخدام وحدات تخزين ثنائية كبيرة (blob) للمصادقات الافتراضية

مشكلة Chromium: 1321803

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

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

  • التبديل بين الشريط الجانبي للتنقّل (لليسار) باستخدام Control / Command + Shift + Y
  • استخدِم الاختصار debugger (لليمين)

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

مشاكل Chromium: 1226363

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

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

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

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

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

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

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

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