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

Jecelyn Yeen

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

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

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

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

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

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

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

مشكلة Chromium: 1270700

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

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

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

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

مشكلة Chromium: 1314299

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

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

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

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

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

مشكلة Chromium: 833147

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

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

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

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

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

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

آخر الأخبار حول Play Console

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

تنشئ الأخطاء أثناء تقييم النص البرمجي في وحدة التحكّم الآن أحداث أخطاء مناسبة تؤدي إلى تشغيل معالج 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

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

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

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

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

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

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

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