الميزات الجديدة في أدوات مطوّري البرامج (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 API في علامة التبويب "المشاكل"

مشكلة Chromium: 1190735

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

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

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

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

تعمل أداة Console الآن على تنسيق مخرجات السلسلة كقيم حرفية صالحة في JavaScript، وتوفّر لك أيضًا 3 خيارات لسلسلة النسخ. سيؤدي الخيار نسخ كرمز برمجي JavaScript إلى إلغاء الرموز الخاصة المناسبة والتفاف السلسلة بين علامات اقتباس مفردة أو علامات اقتباس مزدوجة أو فواصل عليا مائلة بناءً على محتوى السلسلة. وبدلاً من ذلك، ينسخ نسخ محتوى السلسلة محتوى السلسلة الأولي (بما في ذلك الأسطر الجديدة والرموز الخاصة الأخرى) حرفيًا إلى الحافظة. أخيرًا، تُنسِّق الدالة Copy as 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 التي توفِّر إمكانية إضافة "ملاحظة جديدة" كتطبيق لتدوين الملاحظات في إعدادات قلم الشاشة (يظهر هذا الخيار في حال استخدام جهاز CrOS مع قلم الشاشة). عند اختيار هذا التطبيق كتطبيق لتدوين الملاحظات، يمكن تشغيله باستخدام الزر "إنشاء ملاحظة" في لوحة قلم الشاشة. إنّ إضافة الحقل new-note-url في بيان التطبيق هي جزء من الجهود المبذولة لإضافة وظائف مكافئة إلى تطبيقات الويب.

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

مشكلة Chromium: 1185678

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

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

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

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

أدوات اختيار مطابقة خدمة مقارنة الأسعار (CSS)

مشكلة Chromium: 1219153

طباعة استجابات JSON بشكل جيد في لوحة الشبكة

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

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

طباعة استجابات JSON بشكل جيد في لوحة الشبكة

خطأ في Chromium: 998674

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

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

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

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

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome