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

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

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

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

مشكلة في Chromium: 1466310

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

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

لتحليل ملفات تعريف الارتباط:

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

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

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

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

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

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

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

مشكلة في Chromium: ‏ 1496301

تتوقف الآن عمليات التنفيذ عند حدوث استثناءات أو عند مرورها عبر رمز غير متجاهَل.

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

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

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

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

لإيقاف التنفيذ مؤقتًا عند حدوث استثناءات تمّ رصدها و/أو لم يتم رصدها (عند وضع علامة في المربّع بجانبها) في طلبات البيانات غير المتزامنة، يبحث أداة تصحيح الأخطاء عن معالِجات الرفض في جميع الوعود. بدءًا من هذا الإصدار، لم يعُد أداة تصحيح الأخطاء تتوقّع أن يرصد 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 الذاتي في وحدة التحكّم

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

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

مشكلة Chromium: 345205.

نقاط التوقف لأداة معالجة الأحداث في مهام Web Worker وWorklet

عند ضبط نقطة توقف للحدث في المصادر > نقاط توقف مستمعي الأحداث، بالإضافة إلى إيقاف هذا الحدث مؤقتًا على موقعك الإلكتروني، يتوقف أداة تصحيح الأخطاء الآن مؤقتًا أيضًا عند حدوث الحدث المقابل في عامل ويب أو و��دة عمل من أي نوع، بما في ذلك وحدة عمل مساحة التخزين المشتركة.

مشكلة في Chromium: 1445175

شارة الوسائط الجديدة لنظامَي التشغيل <audio> و<video>

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

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

مشكلة Chromium: 1448214

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

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

مشكلة Chromium: 1478888.

Lighthouse 11.2.0

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

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

للتعرّف على أساسيات استخدام لوحة 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 كناري، أو إصدار مطوّري البرامج، أو الإصدار التجريبي، كمتصفِّح التطوير التلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار واجهات برمجة تطبيقات منصات الويب المتطوّرة، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يعثر عليها المستخدمون.

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

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

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

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

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