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

Jecelyn Yeen

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

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

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

في لوحة العناصر، انقر على عنصر DOM يتضمّن قاعدة at-rule‏ @container، ستعرض الآن "أدوات مطوّري البرامج في Chrome" معلومات @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 صالحة. لقد تلقّينا ملاحظات من المطوّرين بأنّ هذا التغيير قد يكون مربكًا، إذ يرى البعض أنّ عدد عمليات الهروب المفرط يجعل الإخراج غير قابل للقراءة.

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

مشكلة Chromium: 1208389

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

تم الآن ربط أخطاء TypeError المرتبطة بـ CORS في وحدة التحكّم بلوحة "الشبكة" وعلامة التبويب "المشاكل".

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

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

مشكلة Chromium: 1213393

Lighthouse 8.1

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

منارة

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

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

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

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

مشكلة Chromium: 772558

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

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

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

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

مشكلة في Chromium: 1185678

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

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

يتم تمييز أدوات الاختيار المفصولة بفواصل في لوحة الأنماط بألوان مختلفة استنادًا إلى ما إذا كانت تتطابق مع عقدة DOM المحدّدة:

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

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

مشكلة Chromium: 1219153

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

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

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

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

خطأ في Chromium: 998674

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

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

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

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

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

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