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

الإيقاف التدريجي لملفات تعريف الارتباط التابعة لجهات خارجية

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

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

مشكلة في Chromium: 1466310

تحليل ملفات تعريف الارتباط في موقعك الإلكتروني باستخدام أداة Privacy Sandbox Analysis Tool

يتم حاليًا تطوير إضافة Privacy Sandbox Analysis Tool لـ "أدوات مطوّري البرامج"، وقد تم إصدار أحدث إصدار مسبق وهو 0.3.2. تتيح لك الأداة فهم كيفية استخدام موقعك الإلكتروني لملفات تعريف الارتباط وتقدّم إرشادات حول واجهات برمجة التطبيقات الجديدة في Chrome التي تحافظ على الخصوصية.

لتحليل ملفات تعريف الارتباط، اتّبِع الخطوات التالية:

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

لمزيد من المعلومات حول كيفية استخدام أداة تحليل "مبادرة حماية الخصوصية" (PSAT)، يُرجى الاطّلاع على ما يلي:

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

بالإضافة إلى ذلك، يمكنك الاطّلاع على إرشادات حول الإبلاغ عن المشاكل.

قائمة التجاهل المحسّنة

نمط الاستبعاد التلقائي لـ "node_modules"

يتيح هذا الإصدار استخدام التعبير العادي التلقائي كقاعدة استبعاد مخصّصة في الإعدادات > قائمة التجاهل. لمساعدتك في التركيز على الرمز البرمجي فقط، ستتخطّى Debugger الآن النصوص البرمجية من /node_modules/ و/bower_components/ تلقائيًا. يمكنك إيقاف هذه القاعدة في الإعدادات في أي وقت.

مشكلة في Chromium: ‏ 1496301

تتوقف الاستثناءات الآن عن التنفيذ إذا تم رصدها أو تمريرها من خلال رمز غير متجاهَل

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

• الاستثناءات التي تم رصدها في اللقطات غير المتجاهَلة في حزمة استدعاء الدوال البرمجية
• الاستثناءات التي تم رصدها والتي تمر عبر إطارات غير متجاهَلة في حزمة استدعاء الدوال البرمجية على سبيل المثال، اطّلِع على لقطة الشاشة.

لاختبار هذا السلوك، افتح صفحة العرض التوضيحي هذه:

1. افتح "أدوات مطوّري البرامج" > المصادر، وأضِف المجلد hidden إلى قائمة التجاهل، ثم ضَع علامة في المربّع الإيقاف المؤقت عند رصد استثناءات.
2. في الصفحة، ضِمن قائمة السيناريوهات "التي تم رصدها"، انقر على الأزرار المختلفة وشاهِد عملية التنفيذ متوقفة مؤقتًا في الحالات المذكورة.

لإيقاف التنفيذ مؤقتًا عند حدوث استثناءات تم رصدها و/أو لم يتم رصدها (عند وضع علامة في المربّع) في المكالمات غير المتزامنة، يبحث Debugger عن معالجات الرفض في جميع الوعود. بدءًا من هذا الإصدار، لن يتوقّع Debugger أن يرصد Promise.finally() استثناءً، على غرار الطريقة التي لا يرصد بها الحظر try...finally أي استثناء.

مشاكل Chromium: 1489312 و1291064.

تمت إعادة تسمية x_google_ignoreList إلى ignoreList في خرائط المصدر

اعتمدت مواصفات خرائط المصدر الحقل ignoreList بدلاً من x_google_ignoreList، وتتيح "أدوات مطوّلي البرامج" الآن الاسم الجديد مع توفير بديل للاسم القديم. يمكن الآن للأُطر ومجمّعات الحِزم استخدام اسم الحقل الجديد.

تتيح لك خرائط المصدر تصحيح الأخطاء في الرمز الذي كتبته بدلاً من الرمز المصغَّر الذي يعرضه موقعك الإلكتروني.

لمزيد من المعلومات حول خرائط المصدر، يُرجى الاطّلاع على:

• ما هي خرائط المصدر؟
• تصحيح أخطاء الرمز الأصلي بدلاً من الرمز الذي تم نشره باستخدام خرائط المصدر

زر تبديل جديد لوضع الإدخال أثناء تصحيح الأخطاء عن بُعد

يمكنك الآن التبديل بين إدخال اللمس وإدخال الماوس عند تصحيح أخطاء علامة تبويب في Chrome عن بُعد. على سبيل المثال، عند تشغيل مثيل Chrome باستخدام --remote-debugging-port=<port> والاتصال بهدف الشبكة هذا من خلال chrome://inspect/#devices.

شاهِد الفيديو لمعرفة كيفية التبديل بين أوضاع الإدخال.

مشكلة في Chromium: 1410433

تعرض لوحة "العناصر" الآن عناوين URL لعُقد #document

لتسهيل تصحيح أخطاء إطارات iframe، تعرض لوحة العناصر الآن documentURL بجانب عقد #document.

مشكلة في Chromium: 1376976.

سياسة أمان المحتوى الفعّالة في لوحة "التطبيق"

يمكنك الآن عرض تفاصيل سياسة أمان المحتوى (CSP) لإطار تم فحصه. لعرض التفاصيل، انتقِل إلى التطبيق > الإطارات، واختَر إطارًا وانتقِل للأسفل إلى قسم سياسة أمان المحتوى (CSP).

مشكلة في Chromium: 1424714.

تحسين تصحيح أخطاء الصور المتحركة

في علامة التبويب المؤثرات الحركية، يمكنك الآن:

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

مشاكل Chromium: 1492460 و1489721.

مربّع الحوار "هل تثق بهذا الرمز؟" في "المصادر" وتحذير بشأن هجمات XSS الذاتية في "وحدة التحكّم"

تم تفعيل تجربة عرض تحذير بشأن Self-XSS عند لصق الرمز تلقائيًا. هجوم البرمجة الذاتية عبر المواقع هو هجوم يخدعك لإدخال رمز ضار في "أدوات المطوّرين"، ما يتيح للمهاجم التحكّم في حساباتك على الويب ومعلوماتك الشخصية.

إذا كنت مستخدمًا جديدًا لأدوات مطوّري البرامج وحاولت لصق رمز، ستعرض لك اللوحة المصادر الآن مربع الحوار هل تثق في هذا الرمز؟ وستعرض وحدة التحكّم الآن تحذيرًا مشابهًا. ألصِق الرمز الذي تفهمه وراجعته بنفسك فقط. للّصق، اكتب allow pasting عندما يُطلب منك ذلك. بعد السماح باللصق مرة واحدة، لن يظهر التحذير مرة أخرى.

مشكلة في Chromium: ‏ 345205.

النقاط الفاصلة لأداة معالجة الحدث في Web Workers وWorklets

عند ضبط نقطة توقّف للأحداث في المصادر > نقاط توقّف معالج الأحداث، بالإضافة إلى التوقّف مؤقتًا عند هذا الحدث على موقعك الإلكتروني، يتوقّف المصحّح الآن أيضًا مؤقتًا عند وقوع الحدث المقابل في عامل الويب أو Worklet من أي نوع، بما في ذلك Shared Storage Worklet.

مشكلة في Chromium: 1445175

شارة الوسائط الجديدة لـ "<audio>" و"<video>"

يمكنك الآن تفعيل شارة الوسائط الجديدة للعنصرَين <audio> و<video> في لوحة العناصر. عند النقر على الشارة، سيتم نقلك إلى لوحة الوسائط، ما يتيح لك تصحيح أخطاء هذه العناصر.

هذه الميزة قيد التطوير وسيتم تحسينها بشكل أكبر. يودّ فريق "أدوات مطوّري البرامج" أن يعرب عن شكره لـ "جونسي (جيريمي) يو" على إدخال هذا التحسين.

مشكلة في Chromium: 1448214.

تمت إعادة تسمية ميزة "التحميل المُسبق" إلى "التحميل المبني على توقّع"

لتجنُّب الإفراط في استخدام المصطلح السابق والتعبير بشكل أفضل عن السلوك، تم تغيير اسم التطبيق > التحميل المُسبَق إلى عمليات التحميل التخمينية. تتيح ميزة التحميل التخميني تحميل الصفحة بشكل شبه فوري استنادًا إلى قواعد تخمينية يمكنك تحديدها لموقعك الإلكتروني من أجل العرض المسبق والتحميل المسبق لمعظم الصفحات التي يتم الانتقال إليها.

مشكلة في Chromium: 1478888.

الإصدار 11.2.0 من Lighthouse

تعمل لوحة Lighthouse الآن بالإصدار 11.2.0 من Lighthouse. الاطّلاع على قائمة التغييرات الكاملة

يتضمّن هذا التحديث إصلاحًا شاملاً لفئة الأداء. يتم الآن تسجيل نقاط لإحصاءات الأداء وتحديد أولوياتها استنادًا إلى تأثيرها المقدَّر في مقاييس الأداء. بالإضافة إلى ذلك، يتضمّن مقياس "نتيجة الأداء" معلومات أكثر تفصيلاً حول كيفية تأثير كل مقياس في النتيجة.

للتعرّف على أساسيات استخدام لوحة Lighthouse في "أدوات مطوّري البرامج"، يمكنك الاطّلاع على Lighthouse: تحسين سرعة الموقع الإلكتروني.

مشاكل Chromium: 772558.

التحسينات المتعلّقة بتسهيل الاستخدام

يتضمّن هذا الإصدار تحسينات تسهيل الاستخدام التالية:

• ستعلن قارئات الشاشة الآن عن حالة مربّعات الاختيار (تم وضع علامة أو لم يتم وضع علامة) ضِمن المصادر > نقاط التوقف.
• يمكنك الآن الوصول إلى القائمة المنسدلة إخفاء المشاكل المشابهة باستخدام لوحة المفاتيح.

مشاكل Chromium: 1488645 و1484918.

لمحات متنوّعة

في ما يلي بعض الإصلاحات والتحسينات الجديرة بالذكر في هذا الإصدار:

• الأداء: تم إصلاح مشكلة عدم ظهور مؤشر LCP أحيانًا في التسجيل (1487136).
• عمليات التحميل التخمينية: تم إصلاح عناوين URL الكاملة للأهداف في القائمة المنسدلة في لوحة الشبكة (1471020).
• التغطية:
  • تم إصلاح التغطية سطرًا بسطر للرمز المنسّق (1464974).
  • تم الآن تعديل معلومات التغطية عند إعادة تحميل الصفحة (1494457).
• وحدة التحكّم:
  • تم إصلاح مشكلة تحديد جزء من النص في الرسائل (1487449).
  • تم إصلاح مشكلة الوميض في القائمة المنسدلة للإكمال التلقائي (1487453).
  • تمت إضافة أقواس متوافقة في مسارات الحزمة وعناوين URL في عمليات تتبُّع تسلسل استدعاء الدوال البرمجية (1473926).
• المصادر: تم توفير إمكانية تمييز بنية الكلمة الرئيسية using في TypeScript (1490515).
• تعرض قائمة الفتح السريع الآن طرقًا خاصة (1492957).
• التطبيق > الخدمات التي تعمل في الخلفية: يلتف شريط الإجراءات العلوي الآن حول النص عند تغيير الحجم (1487276).
• العناصر > الأنماط:
  • تم إصلاح مشكلة تحديد دقة متغيّرات CSS الموروثة للعناصر ذات الفتحات (1492162).
  • عند إيقاف إحدى خصائص CSS، تتم الآن إزالة تعليقاتها لإصلاح أخطاء البنية (1101224).
• الشبكة: يعرض عمود الأولوية الآن تلميحًا يتضمّن معلومات عن الأولوية الأولية (يظهر التلميح نفسه عند وضع علامة في المربّع صفوف الطلبات الكبيرة) (1495735).
• عمليات الإيقاف النهائي:
  • تم إيقاف الإعداد تنسيق الألوان في الإصدارات السابقة، وتمت إزالته الآن.
  • تمت إزالة خيار "حذف جميع عمليات الإلغاء" في المصادر بسبب انخفاض نسبة استخدامه بعد تبسيط عمليات الإلغاء (1473681).

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

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

التواصل مع فريق Chrome DevTools

استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر متعلّق بـ "أدوات مطوّري البرامج".

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

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

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