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

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

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

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

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

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

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

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

مشكلة 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.

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

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

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

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

الإصدار 100 من Chrome

الإصدار 99 من Chrome

الإصدار 98 من Chrome

الإصدار 97 من Chrome

الإصدار 96 من Chrome

الإصدار 95 من Chrome

الإصدار 94 من Chrome

الإصدار 93 من Chrome

الإصدار 92 من Chrome

الإصدار 91 من Chrome

الإصدار 90 من Chrome

الإصدار 89 من Chrome

الإصدار 88 من Chrome

الإصدار 87 من Chrome

الإصدار 86 من Chrome

الإصدار 85 من Chrome

الإصدار 84 من Chrome

الإصدار 83 من Chrome

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

الإصدار 68 من Chrome

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

الإصدار 64 من Chrome

الإصدار 63 من Chrome

الإصدار 62 من Chrome

الإصدار 61 من Chrome

الإصدار 60 من Chrome

الإصدار 59 من Chrome