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

Kayce Basques

تسرّنا عودتك. الميزات الجديدة

نسخة الفيديو لهذه الصفحة

تمييز جميع العُقد المتأثرة بميزة CSS

مرِّر مؤشر الماوس فوق إحدى خصائص CSS التي تؤثر في نموذج مربّع العقدة، مثل padding أو margin، من أجل تمييز جميع العُقد المتأثرة بهذا الإعلان.

الشكل 1. يؤدي تمرير مؤشر الماوس فوق إحدى السمات margin إلى تمييز هوامش جميع العُقد المتأثرة بهذه السمة. بيان

الإصدار 4 من Lighthouse في لوحة "عمليات التدقيق"

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

تستخدم فئة تطبيقات الويب التقدّمية (PWA) في التقرير الآن نظامًا لتقييم الشارات.

الشكل 3. نظام تقييم الشارات الجديد لفئة تطبيقات الويب التقدّمية (PWA)

عارض الرسائل الثنائية على WebSocket

لعرض محتوى رسالة WebSocket الثنائية:

1. افتح لوحة الشبكة. راجع فحص نشاط الشبكة للتعرف على أساسيات التحليل نشاط الشبكة.

   

   الشكل 4. لوحة "الشبكة"

2. انقر على WS لفلترة جميع الموارد التي لا تُعد من اتصالات WebSocket.

   

   الشكل 5. بعد النقر على WS، تظهر اتصالات WebSockety فقط.

3. انقر على اسم اتصال WebSocket لفحصه.

   

   الشكل 6. فحص اتصال WebSocket

4. انقر على علامة التبويب الرسائل.

   

   الشكل 7. علامة التبويب "الرسائل"

5. انقر على أحد إدخالات الرسائل الثنائية لفحصها.

   

   الشكل 8. فحص رسالة ثنائية

استخدم القائمة المنسدلة في أسفل العارض لتحويل الرسالة إلى Base64 أو UTF-8. (يُرجى النقر.) نسخ إلى الحافظة لنسخ رسالة ثنائية إلى الحافظة.

الشكل 9. عرض رسالة ثنائية بتنسيق Base64

التقاط لقطة شاشة للمنطقة في قائمة الأوامر

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

1. ركِّز على أدوات مطوّري البرامج ثم اضغط على Control+Shift+P أو. Command+Shift+P (نظام التشغيل Mac) لفتح قائمة الأوامر

   

   الشكل 10. قائمة الأوامر

2. ابدأ الكتابة area، واختَر التقاط لقطات شاشة للمنطقة، ثم اضغط على Enter.

3. اسحب مؤشر الماوس فوق قسم إطار العرض الذي تريد أخذ لقطة شاشة له.

   

   الشكل 11. اختيار جزء إطار العرض لأخذ لقطة شاشة

فلاتر عامل الخدمة في لوحة "الشبكة"

اكتب is:service-worker-initiated أو is:service-worker-intercepted في فلتر لوحة الشبكة. مربع نص لعرض الطلبات التي أدت إلى (initiated) أو التي يُحتمل أن تم تعديلها (intercepted) عن طريق عامل الخدمة.

الشكل 12. الفلترة حسب is:service-worker-initiated

الشكل 13. الفلترة حسب is:service-worker-intercepted

راجِع فلترة الموارد للحصول على مزيد من المعلومات عن فلترة سجلات الشبكة.

تعديلات على لوحة الأداء

تعمل تسجيلات الأداء الآن على ترميز المهام الطويلة و"سرعة العرض الأولى".

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

المهام الطويلة في تسجيلات الأداء

تعرض تسجيلات الأداء الآن مهامًا طويلة.

الشكل 14. تمرير مؤشّر الماوس فوق مهمة طويلة في تسجيل الأداء

سرعة عرض الصفحة في قسم التوقيتات

يحدّد قسم التوقيتات من تسجيل الأداء الآن "سرعة العرض الأولى".

الشكل 15. سرعة عرض الصفحة في قسم التوقيتات

دليل تعليمي جديد حول نموذج العناصر في المستند (DOM)

يُرجى الاطّلاع على مقالة Get Started With Preview and Change The DOM (عرض وتغيير The DOM) للحصول على جولة عملية حول نموذج العناصر في المستند (DOM) الجديدة.

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

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

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

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

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

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

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