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

Jecelyn Yeen

ميزة معاينة: لوحة "إحصاءات الأداء" الجديدة

استخدِم لوحة إحصاءات الأداء للحصول على إحصاءات قابلة للاستخدام ومستندة إلى حالات الاستخدام حول أداء موقعك الإلكتروني.

افتح اللوحة وابدأ تسجيلًا جديدًا استنادًا إلى حالة الاستخدام. على سبيل المثال، لنقيس سرعة تحميل هذه الصفحة التجريبية.

لوحة "إحصاءات الأداء" الجديدة

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

انتقِل إلى مستندات لوحة إحصاءات الأداء للاطّلاع على مزيد من المعلومات من خلال البرنامج التعليمي المفصّل.

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

مشكلة Chromium: 1270700

اختصارات جديدة لمحاكاة المظهرَين الفاتح والداكن

يمكنك الآن محاكاة المظهرَين الفاتح والداكن بشكل أسرع (ميزة prefers-color-scheme لوسائط صفحات الأنماط المتتالية (CSS)) باستخدام الاختصارات الجديدة في لوحة الأنماط.

في السابق، كان عليك اتّخاذ المزيد من الخطوات لمحاكاة المظاهر في علامة التبويب العرض.

اختصارات جديدة لمحاكاة المظهرَين الفاتح والداكن

مشكلة Chromium: 1314299

أمان محسَّن في علامة التبويب "معاينة الشبكة"

تطبِّق الآن أدوات المطوّرين سياسة أمان المحتوى (CSP) في علامة التبويب المعاينة ضمن لوحة الشبكة.

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

حظر المتصفّح طلب ملفات التنسيق تلقائيًا. ومع ذلك، عند فتح الصفحة من خلال علامة التبويب معاينة في لوحة الشبكة، لم يتم حظر ملف أسلوب الصفحات في السابق (لذلك تغيّر لون الخلفية إلى اللون الأحمر). تم الآن حظره كما هو متوقّع (لقطة الشاشة الثانية).

تحسين الأمان في علامة التبويب "معاينة الشبكة"

مشكلة Chromium: 833147

إعادة تحميل محسّنة عند نقطة الإيقاف

يُنهي مصحِّح الأخطاء الآن تنفيذ النص البرمجي عند إعادة التحميل عند نقطة التوقف.

على سبيل المثال، دخل النص البرمجي في حلقة لا تنتهي في السابق عند ضبط نقطة التوقف ReactDOM وإعادة تحميلها في هذا العرض التوضيحي لـ React. تعطّلت لوحة المصادر بسبب حلقة التكرار اللانهائية.

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

إعادة تحميل محسّنة عند نقطة الإيقاف

مشاكل Chromium: 1014415 و1004038 و1112863 و1134899

آخر أخبار وحدة التحكّم

معالجة أخطاء تنفيذ النصوص البرمجية في وحدة التحكّم

تؤدي الأخطاء أثناء تقييم النصوص البرمجية في وحدة التحكّم إلى إنشاء أحداث أخطاء مناسبة تشغّل معالِج window.onerror ويتم إرسالها كأحداث "error" على عنصر النافذة.

معالجة أخطاء تنفيذ النصوص البرمجية في وحدة التحكّم

مشكلة Chromium: 1295750

تأكيد التعبير المباشر باستخدام مفتاح Enter

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

لإضافة سطر جديد في محرِّر التعبير المباشر، استخدِم Shift + Enter بدلاً من ذلك.

تأكيد التعبير المباشر باستخدام مفتاح Enter

مشكلة Chromium: 1260744

إلغاء تسجيل مسار المستخدِم في البداية

يمكنك إلغاء التسجيل أثناء بدء تسجيل مسار المستخدِم. في السابق، لم يكن هناك خيار لإلغاء التسجيل.

إلغاء تسجيل مسار المستخدِم في البداية

مشكلة Chromium: 1257499

عرض العناصر الزائفة للتمييز المُكتسَبة في لوحة "الأنماط"

اطّلِع على العناصر الزائفة للتمييز المُكتسَبة (مثل ::selection و::spelling-error و::grammar-error و::highlight) في لوحة الأنماط. لم تكن هذه القواعد معروضة في السابق.

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

عرض العناصر الزائفة للتمييز المُكتسَبة في لوحة "الأنماط"

مشكلة Chromium: 1024156

لحظات مميّزة متنوعة

في ما يلي بعض الإصلاحات البارزة في هذا الإصدار:

  • تعرض الآن لوحة السمات سمات أداة الوصول مع القيمة تلقائيًا. تم إخفاؤه عن طريق الخطأ في السابق. (1309087)
  • تعرض الآن لوحة الأنماط بشكل صحيح قواعد @support التي تم إلغاؤها كخطوط مشطوبة. في السابق، لم تكن القواعد مُشطوبة. (1298025)
  • تم إصلاح منطق تنسيق CSS في لوحة المصادر الذي كان يتسبب في ظهور عدة أسطر فارغة عند تعديل CSS. (1309588)
  • حدِّد الحد الأقصى لعدد مرات تطبيق خيار التوسيع بشكل متكرّر لعنصر في وحدة التحكّم، وهو 100 مرة كحد أقصى، حتى لا يستمرّ تطبيقه إلى الأبد على العناصر الدائرية. (1272450)

[ميزة تجريبية] نسخ تغييرات صفحات CSS

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

بالإضافة إلى ذلك، يمكنك نسخ جميع التغييرات في CSS على مستوى جميع البيانات من خلال النقر بزر الماوس الأيمن على أي قاعدة واختيار نسخ جميع التغييرات في CSS.

تمت أيضًا إضافة زر نسخ جديد إلى علامة التبويب التغييرات لمساعدتك في تتبُّع تغييرات CSS ونسخها بسهولة.

نسخ تغييرات صفحات CSS

مشكلة Chromium: 1268754

[ميزة تجريبية] اختيار اللون خارج المتصفّح

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

في لوحة الأنماط، انقر على أي معاينة لون لفتح أداة اختيار الألوان. استخدِم أداة اختيار الألوان لاختيار لون من أي مكان.

اختيار اللون خارج المتصفّح

مشكلة Chromium: 1245191

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

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

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

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

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

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