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

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

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

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

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

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

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

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

مشكلة Chromium: 1270700

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

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

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

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

مشكلة Chromium: 1314299

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

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

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

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

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

مشكلة Chromium: 833147

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

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

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

إنّ مواصلة تنفيذ 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 أو إصدار مطوّري البرامج أو الإصدار التجريبي من 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