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

Jecelyn Yeen

طلبات بحث حاوية CSS قابلة للتعديل في لوحة "الأنماط"

يمكنك الآن عرض طلبات البحث في حاوية CSS وتعديلها في جزء الأنماط.

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

في لوحة العناصر، انقر على عنصر DOM يتضمّن قاعدة @container، وستعرض "أدوات مطوّري البرامج" الآن معلومات @container في جزء الأنماط. انقر عليه لتعديل الحجم. يعرض جزء الأنماط معلومات الحاوية ذات الصلة أيضًا. مرِّر مؤشر الماوس فوقه لتمييز عنصر الحاوية على الصفحة وتحقَّق من حجم الحاوية. انقر عليه لاختيار عنصر الحاوية.

ميزة طلبات البحث في الحاوية تجريبية حاليًا. يُرجى تفعيل العلامة #enable-container-queries ضمن chrome://flags لاختبارها.

طلبات بحث حاوية CSS قابلة للتعديل في لوحة "الأنماط"

مشكلة في Chromium: 1146422

معاينة حِزم الويب في "لوحة الشبكة"

حِزمة الويب هي تنسيق ملف لتغليف مرجع واحد أو أكثر من مراجع HTTP في ملف واحد. يمكنك الآن معاينة محتوى حِزمة الويب في لوحة الشبكة.

ميزة "حِزم الويب" تجريبية حاليًا. يُرجى تفعيل العلامة #enable-experimental-web-platform-features ضمن chrome://flags لاختبارها.

معاينة حِزم الويب

مشكلة في Chromium: 1182537

تصحيح أخطاء Attribution Reporting API

يتم الآن تسجيل أخطاء Attribution Reporting API في علامة التبويب المشاكل.

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

أخطاء Attribution Reporting API في علامة التبويب "المشاكل"

مشكلة في Chromium: 1190735

معالجة أفضل للسلاسل في "وحدة التحكّم"

تتيح لك قائمة السياق الجديدة في وحدة التحكّم نسخ أي سلسلة كمحتوى أو قيمة ثابتة بتنسيق JavaScript أو قيمة ثابتة بتنسيق JSON.

قائمة السياق الجديدة في "وحدة التحكّم"

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

تنسّق وحدة التحكّم الآن نواتج السلسلة كقيم حرفية صالحة في JavaScript، وتوفّر لك أيضًا 3 خيارات لنسخ السلسلة. سيؤدي الخيار نسخ السلسلة كقيمة ثابتة بتنسيق JavaScript إلى تخطّي الرموز الخاصة المناسبة وتضمين السلسلة بين علامات اقتباس مفردة أو مزدوجة أو علامات اقتباس معكوسة، وذلك استنادًا إلى محتوى السلسلة. بدلاً من ذلك، تعمل ميزة نسخ محتوى السلسلة على نسخ محتوى السلسلة الأولي (بما في ذلك الأسطر الجديدة والأحرف الخاصة الأخرى) حرفيًا إلى الحافظة. أخيرًا، تعمل ميزة النسخ كقيمة ثابتة بتنسيق JSON على تنسيق السلسلة كقيمة ثابتة صالحة بتنسيق JSON ونسخها إلى الحافظة.

مشكلة في Chromium: 1208389

تصحيح الأخطاء المحسَّن في سياسة مشاركة الموارد المتعددة المصادر (CORS)

تم الآن ربط أخطاء TypeErrors المتعلّقة بمشاركة الموارد من مصادر متعددة (CORS) في وحدة التحكّم بلوحة "الشبكة" وعلامة التبويب "المشاكل".

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

الرموز بجانب رسالة الخطأ المتعلّقة بـ CORS

مشكلة في Chromium: 1213393

‫Lighthouse 8.1

تعمل لوحة Lighthouse الآن بالإصدار 8.1 من Lighthouse.

منارة

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

يتضمّن التقرير أيضًا فلتر مقاييس جديدًا (راجِع الفلتر عرض عمليات التدقيق ذات الصلة بـ في لقطة الشاشة). اختَر مقياسًا للتركيز على الفرص وبيانات التشخيص الأكثر صلةً بتحسين هذا المقياس فقط.

أجرينا عددًا من التغييرات على نظام تسجيل النقاط في فئة الأداء ليتوافق مع أدوات الأداء الأخرى ويعكس حالة الويب بشكل أفضل.

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

مشكلة في Chromium: 772558

عرض عنوان URL لملاحظة جديدة في لوحة البيان

تعرض لوحة "ملف البيان" الآن عنوان URL للملاحظة الجديدة.

في الوقت الحالي على ChromeOS (CrOS)، يمكن اختيار تطبيقات Chrome وتطبيقات Android التي تحدّد إمكانية "إنشاء ملاحظة جديدة" كتطبيق لتدوين الملاحظات في إعدادات القلم (يظهر إذا تم استخدام جهاز ChromeOS مع قلم). عند اختيار التطبيق كأداة لتدوين الملاحظات، يمكن تشغيله من خلال الزر "إنشاء ملاحظة" في لوحة القلم. تُعدّ إضافة الحقل new-note-url في بيان التطبيق جزءًا من الجهود المبذولة لإضافة وظائف مكافئة إلى تطبيقات الويب.

عنوان URL لملاحظة جديدة في لوحة "البيان"

مشكلة في Chromium: 1185678

إصلاح أدوات اختيار لغة CSS المطابقة

أصلحنا في DevTools أدوات اختيار لغة CSS المطابقة، إذ لم تكن تعمل في الإصدار الأخير.

تكون أدوات الاختيار المفصولة بفواصل في لوحة الأنماط ملوّنة بشكل مختلف حسب ما إذا كانت تتطابق مع عقدة نموذج المستند (DOM) المحدّدة:

  • يظهر الجزء غير المطابق باللون الرمادي الفاتح.
  • يظهر جزء من أداة الاختيار المطابقة باللون الأسود.

أدوات اختيار لغة CSS المطابقة

مشكلة في Chromium: 1219153

تنسيق استجابات JSON في لوحة "الشبكة"

يمكنك الآن تنسيق استجابات JSON بشكل جميل في لوحة الشبكة.

افتح استجابة JSON في لوحة الشبكة، ثم انقر على الرمز {} لتنسيقها بشكل جميل.

تنسيق استجابات JSON في لوحة "الشبكة"

خطأ في Chromium: 998674

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

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

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

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

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

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