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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

تحذير بشأن الإيقاف النهائي القادم لملفات تعريف الارتباط التابعة لجهات خارجية في علامة التبويب "المشاكل"

مشكلة في Chromium: 1466310.

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

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

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

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

أداة Privacy Sandbox Analysis Tool

لمزيد من المعلومات حول كيفية استخدام أداة تحليل "مبادرة حماية الخصوصية" (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.

تعرض اللقطة قبل وبعد documentURL بجانب عقدة ‎ #document.

مشكلة في Chromium: 1376976.

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

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

قسم &quot;سياسة أمان المحتوى&quot; ضِمن علامة التبويب &quot;التطبيق&quot;

مشكلة في Chromium: 1424714.

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

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

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

مشاكل Chromium: 1492460 و1489721.

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

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

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

مربّع الحوار &quot;هل تثق بهذا الرمز؟&quot; عند لصق الرمز في &quot;المصادر&quot;

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

نقاط الإيقاف لمتتبِّع الأحداث في Web Workers وWorklets

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

تم إيقاف أداة تصحيح الأخطاء مؤقتًا عندما استدعى عامل الخدمة وظيفة المهلة المحدّدة.

مشكلة في Chromium: 1445175.

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

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

تم تفعيل شارة الوسائط الجديدة لعلامات الصوت والفيديو.

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

مشكلة في 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

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

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

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