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

Sofia Emelianova
Sofia Emelianova

تحسينات لوحة الشبكة

تجاهُل محتوى الويب محليًا بشكل أسرع

تم الآن تبسيط ميزة عمليات الإلغاء المحلي، لذا يمكنك بسهولة محاكاة عناوين الاستجابة ومحتوى الويب للموارد البعيدة من لوحة الشبكة بدون الوصول إلى هذه العناوين.

لإلغاء محتوى الويب، افتح لوحة الشبكة، وانقر بزر الماوس الأيمن على أحد الطلبات، واختَر إلغاء المحتوى.

خيارات الإلغاء في القائمة المنسدلة لأحد الطلبات.

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

اختَر مجلدًا واسمح بالوصول إليه في شريط الإجراءات في أعلى الصفحة.

بعد إعداد عمليات الإلغاء، تنقلك "أدوات مطوري البرامج" إلى المصادر > عمليات الإلغاء > المحرّر للسماح لك بإلغاء محتوى الويب.

يُرجى العلم أنّ الموارد التي تم تجاوزها تتم الإشارة إليها من خلال تم الحفظ. في لوحة الشبكة. مرِّر مؤشر الماوس فوق الرمز للاطّلاع على ما تم تجاوزه.

رمز إلغاء بجانب طلب في لوحة "الشبكة"

مشاكل Chromium: 1465785 و1470532 و1469359.

إلغاء محتوى XHR وطلبات الاسترجاع

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

تتيح أدوات مطوّري البرامج حاليًا إلغاء المحتوى لأنواع الطلبات التالية: الصور (على سبيل المثال، avif وpng) والخطوط والجلب وXHR والنصوص البرمجية (css وjs) والمستندات (html). تعرض "أدوات مطوري البرامج" الآن خيار إلغاء المحتوى باللون الرمادي للأنواع غير المتوافقة.

مشاكل Chromium: 792101 و1469776.

إخفاء طلبات إضافات Chrome

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

لفلترة كل الطلبات التي تم إرسالها إلى عناوين URL التي يبلغ عددها chrome-extension://، ضَع علامة في المربّع مربّع اختيار إخفاء عناوين URL للإضافات.

عناوين URL للإضافات مخفية من جدول الطلبات.

مشاكل Chromium: 1257885 و1458803.

رموز حالة HTTP قابلة للقراءة البشرية

يعرض رمز الحالة في عنوان الطلب الآن نصًا يمكن قراءته بواسطة المستخدمين بجوار رموز حالة HTTP، وبالتالي يمكنك معرفة ما حدث للطلب بشكل أسرع.

علامة قبل وبعد عرض رموز حالة HTTP يمكن لشخص عادي قراءتها

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

مشكلة Chromium: 1153956.

استجابات منسّقة لأنواع JSON الفرعية

علامة التبويب الاستجابة لطلب يتضمّن application/[subtype]+json النوع الفرعي MIME (على سبيل المثال، ld+json وhal+json والتحضير والاستجابة بشكل صحيح وغيرها)

تحليل نوع فرعي للتطبيق/json في معاينة استجابة الشبكة وبعده.

مشكلة Chromium: 406900.

الأداء: الاطّلاع على التغييرات في أولوية الجلب لأحداث الشبكة

تعرض لوحة الأداء الآن حقلَين للأولوية في ملخّص حدث معيّن في مسار الشبكة: الأولوية الأولية والأولوية (النهائية) بدلاً من أولوية الأغنية فقط. باستخدام هذا الحقل الإضافي، يمكنك الآن معرفة ما إذا كانت أولوية جلب الحدث قد تغيّرت أو تغيّر ترتيب عمليات التنزيل. لمزيد من المعلومات، يمكنك الاطّلاع على تحسين تحميل الموارد باستخدام واجهة برمجة التطبيقات Fetch Priority API.

قبل وبعد عرض التغييرات في أولوية الاسترجاع

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

عمود الأولوية في لوحة الشبكة.

مشاكل Chromium: 1463901 و1380964.

إعدادات المصادر المفعَّلة تلقائيًا: طيّ الرمز والكشف التلقائي عن الملفات

تم الآن تفعيل خيار الإعدادات. الإعدادات > الإعدادات المفضّلة > مربّع اختيار طي الرمز تلقائيًا. يتيح لك هذا الخيار طيّ مجموعات الرموز.

لطي مجموعة رموز، مرِّر مؤشر الماوس فوق رقم السطر بجانب بداية المجموعة وانقر على رمز تصغير تصغير. انقر على {...} لتوسيع المجموعة مرة أخرى.

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

يؤدي هذا الإعداد إلى جعل العرض التدرّجي للملفات في المصادر > الصفحة اختَر الملف الحالي مفتوحًا في المحرّر عند تبديل علامات التبويب.

مشاكل Chromium: 1459193 و1336599.

تحسين تصحيح أخطاء ملفات تعريف الارتباط التابعة لجهات خارجية

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

يمكنك اختبار سلوك Chrome بعد الإيقاف التدريجي لملفات تعريف الارتباط التابعة لجهات خارجية. لإجراء ذلك، شغِّل Chrome من سطر الأوامر باستخدام العلامة --test-third-party-cookies-phaseout. لمعرفة طبيعة عمل هذه العلامة، يمكنك الاطّلاع على تصحيح أخطاء ملفات تعريف الارتباط.

بغض النظر عن طريقة تشغيل Chrome (مع وضع العلامة أو بدونها)، أصبح مربّع الاختيار مربّع اختيار تضمين مشاكل ملفات تعريف الارتباط التابعة لجهات خارجية مفعَّلاً تلقائيًا لجميع مستخدمي Chrome الجدد، ونتيجةً لذلك، تتوفّر في التقارير ما يلي:

  • تحذير بشأن تغيير قد يؤدي إلى عطل حول الإيقاف التدريجي القادم.
  • المشاكل المتعلقة بملفات تعريف الارتباط التابعة لجهات خارجية.

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

ولاختبار ذلك، افحص ملفات تعريف الارتباط على هذه الصفحة التجريبية.

المشاكل المتعلقة بملفات تعريف الارتباط التابعة لجهات خارجية التي تم الإبلاغ عنها في علامة التبويب "المشاكل"

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

يتم تفعيل مربّع الاختيار ولا يعرض سوى الطلبات التي تتضمَّن ملفات تعريف الارتباط المحظورة الخاصة بالاستجابة.

مشاكل Chromium: 1458839 و1462693 و1466310.

تصحيح أخطاء التحميل المُسبق في لوحة التطبيق

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

في صفحة العرض التوضيحي هذه، في قسم التطبيق > التحميل المُسبق، يمكنك فحص ما يلي:

  • قواعد التوقُّع التي تسرد جميع مجموعات القواعد المتوفّرة في الصفحة الحالية
  • عمليات التحميل المُسبق التي تسرد جميع عناوين URL التي تم استرجاعها وعرضها مسبقًا من مجموعات القواعد.
  • هذه الصفحة التي تسرد حالة العرض المُسبق للصفحة الحالية.

لمزيد من المعلومات، يمكنك الاطّلاع على المشاركة المخصّصة حول تصحيح أخطاء قواعد التوقُّع.

مشكلة Chromium: 1410709.

ألوان جديدة

لعلك لاحظت سابقًا أنّ "أدوات مطوري البرامج" لها مظهر جديد يتوافق بشكل أفضل مع Chrome. أحد العوامل المساهمة هو نظام الألوان الجديد.

علامة قبل تطبيق الألوان الجديدة وبعده.

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

مشكلة Chromium: 1456677.

Lighthouse 10.4.0

تشغّل لوحة Lighthouse الآن الإصدار 10.4.0 من Lighthouse. ومن الجدير بالذكر أن هذا الإصدار يضيف عمليات تدقيق جديدة لإمكانية الوصول لما يلي:

مثلاً:

تعذّر التحقّق من لون الروابط التي تجعلها غير قابلة للتمييز.

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

مشكلة Chromium: 772558.

إضافة تصحيح أخطاء C/C++ WebAssembly في "أدوات مطوري البرامج" أصبحت الآن مفتوحة المصدر

أصبحت إضافة تصحيح أخطاء C/C++ WebAssembly في "أدوات مطوري البرامج" مفتوحة المصدر ومتوفّرة في مستودع الواجهة الأمامية لـ "أدوات مطوري البرامج". تتيح هذه الإضافة إمكانات تصحيح الأخطاء في "أدوات مطوري البرامج" لبرامج C++ التي تم تجميعها في WebAssembly. لمزيد من المعلومات، يُرجى الاطّلاع على تصحيح أخطاء C/C++ WebAssembly.

تعرّف على كيفية إنشاء الإضافة وتشغيلها واختبارها ولا تتردد في المساهمة.

مشكلة Chromium: 1410709.

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

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

  • دمج CSS: تعرض لوحة العناصر الآن سلسلة أداة الاختيار الكاملة للعناصر الثانوية المدمجة (1172985).
  • يشتمل التطبيق > بيان الآن على قسم تراكب عناصر التحكم في النوافذ الذي يتحقَّق من توفُّر قيمة display_override في البيان ويوفر روابط للمستندات ذات الصلة.
  • تنفِّذ شجرة المصادر > الصفحة الآن ما يلي، على سبيل المثال لا الحصر (1442863):
    • يؤدي إلى تغيير لون المجلدات في حال إدراج كل محتواها ضمن قائمة التجاهل.
    • ألوان مجلدات باللون البرتقالي إذا كان كل محتواها من خريطة مصدر.
  • الأداء: يتم الآن إخفاء إعدادات الالتقاط تلقائيًا عند بدء التسجيل (1455498).
  • استعادت المصادر > المحرِّر سلوك Ctrl + السهم (Win) وOpt + السهم (MacOs) (1468208).
  • الصور المتحركة > زر إيقاف/تفعيل إيقاف الكل مؤقتًا يحتفظ الآن بحالته في جميع عمليات تحميل الصفحات (1446046).
  • تم نقل التطبيق > مساحة التخزين > مساحة تخزين ذاكرة التخزين المؤقت إلى التطبيق > مساحة التخزين > قسم ذاكرة التخزين المؤقت (1462622).
  • تم تحسين بعض نصوص واجهة المستخدم وتلميحات الأدوات: تلميح تزامن الجهاز، ونصوص فلاتر الشبكة وخيار القائمة الرئيسية، والكتابة بالأحرف اللاتينية الكبيرة في العرض التدرّجي للتطبيق، والشبكة > نصوص العناوين، والمصادر > عمليات الإلغاء ونصوص نظام الملفات.

ميزات تجريبية جديدة

محاكاة العرض الجديدة: prefers-reduced-transparency

قد يبدأ مستخدمو موقعك الإلكتروني في تفعيل ميزة وسائط CSS التجريبية الجديدة prefers-reduced-transparency على أجهزتهم للإشارة إلى أنهم يفضّلون تقليل التأثيرات الشفافة. ويمكنك أخذ هذا التفضيل في الاعتبار لزيادة إمكانية الوصول إلى موقعك الإلكتروني. لمساعدتك، يمكن الآن لعلامة تبويب الدرج العرض أن تحاكي إعداد prefers-reduced-transparency: reduce، حتى تتمكن من إنشاء نموذج أولي لحل واختبار سلوك موقعك الإلكتروني في هذه الحالة.

لاختبار هذه الميزة في Chrome، فعِّل الميزات التجريبية للنظام الأساسي للويب في chrome://flags.

مشكلة Chromium: 1424879.

أداة مراقبة البروتوكول المحسّنة

تستخدم "أدوات مطوري البرامج في Chrome" بروتوكول "أدوات مطوري البرامج في Chrome" (CDP) لأدوات مطوّري البرامج في Chrome وفحصها وتصحيح الأخطاء فيها وإنشاء ملفات شخصية عليها. إذا كنت من مطوّري Chromium أو "أدوات مطوري البرامج"، ستوفّر لك أداة مراقبة البروتوكول طريقة لعرض جميع طلبات "أدوات مطوّري البرامج" واستجاباتها التي تقدّمها "أدوات مطوري البرامج" وإرسال أوامر بروتوكول "أدوات مطوّري البرامج".

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

في أسفل يسار علامة تبويب درج مراقبة البروتوكول، انقر على اللوحة اليمنى مفتوحة. إظهار محرِّر أوامر بروتوكول "أدوات مطوّري البرامج في Chrome"، واختَر هدفًا، وابدأ كتابة أمر، ثم اختَر أحد الأوامر المقترَحة، وحدِّد قيم المعلَمات، إذا لزم الأمر، وانقر على إرسال. إرسال الأمر (Ctrl/Cmd + Enter).

تحديد أمر CDP وإرساله

مشكلة Chromium: 1469345.

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

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

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

يمكنك استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو مناقشة أي معلومات أخرى متعلّقة بأدوات مطوري البرامج.

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

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

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

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

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

الإصدار 100 من Chrome

الإصدار 99 من Chrome

الإصدار 98 من Chrome

الإصدار 97 من Chrome

الإصدار 96 من Chrome

الإصدار 95 من Chrome

الإصدار 94 من Chrome

الإصدار 93 من Chrome

الإصدار 92 من Chrome

الإصدار 91 من Chrome

الإصدار 90 من Chrome

الإصدار 89 من Chrome

الإصدار 88 من Chrome

الإصدار 87 من Chrome

الإصدار 86 من Chrome

الإصدار 85 من Chrome

الإصدار 84 من Chrome

الإصدار 83 من Chrome

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

الإصدار 68 من Chrome

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

الإصدار 64 من Chrome

الإصدار 63 من Chrome

الإصدار 62 من Chrome

الإصدار 61 من Chrome

الإصدار 60 من Chrome

الإصدار 59 من Chrome