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

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

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

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

مشكلة في Chromium: 1466310

تحليل ملفات تعريف الارتباط لموقعك الإلكتروني باستخدام أداة تحليل "مبادرة حماية الخصوصية"

إنّ إضافة 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 الذاتي في "وحدة التحكّم"

تم تفعيل تجربة عرض تحذير بشأن هجوم Self-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).

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

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

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

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

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

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

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