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

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

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

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

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

يؤدي تمرير مؤشر الماوس فوق خاصية الهامش إلى تمييز جميع العُقد المتأثرة بهذا البيان

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    فحص اتصال WebSocket

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

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

    علامة التبويب "الرسائل"

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

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

    فحص رسالة ثنائية

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

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

عرض رسالة ثنائية بتنسيق Base64

الشكل 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

التصفية حسب is:اعتراض عامل الخدمة

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يُرجى الاطّلاع على مقالة بدء استخدام العرض وتغيير The DOM للحصول على جولة عملية في الميزات ذات الصلة بنموذج كائن المستند (DOM).

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

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