الميزات الجديدة في أدوات مطوّري البرامج (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) من قِبل مشغّل خدمات.

الفلترة حسب is:service-factor-initiated

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

الفلترة حسب is:service-factor-areed (تم اعتراضه من قِبل عامل الخدمة)

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

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

إشعارات لوحة الأداء

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

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

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

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

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

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

سرعة عرض أول صفحة في قسم "Times" (الأوقات)

أصبح قسم التوقيتات في أحد تسجيلات الأداء يحدد الآن سرعة عرض أول محتوى مرئي.

سرعة عرض أول صفحة في قسم "Times" (الأوقات)

الشكل 15. سرعة عرض أول صفحة في قسم "Times" (الأوقات)

دليل DOM التعليمي الجديد

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

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 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

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 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

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome