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

أدوات تصحيح أخطاء flexbox جديدة في CSS

تم تخصيص أدوات تصحيح أخطاء flexbox في CSS في أدوات مطوّري البرامج.

أدوات تصحيح أخطاء flexbox في CSS

عند تطبيق display: flex أو display: inline-flex على عنصر HTML على صفحتك، يمكنك رؤية شارة flex بجانب العنصر في لوحة "العناصر". انقر على الشارة لتبديل عرض التراكب المرن على الصفحة.

في لوحة الأنماط، يمكنك النقر على الرمز الجديد بجانب display: flex أو display: inline-flex لفتح محرِّر Flexbox. يوفّر محرِّر Flexbox طريقة سريعة لتعديل خصائص flexbox. جربه بنفسك!

بالإضافة إلى ذلك، يحتوي جزء Layout على قسم Flexbox، ويعرض جميع عناصر flexbox على الصفحة. يمكنك تبديل تراكب كل عنصر.

قسم Flexbox في جزء التخطيط

مشاكل Chromium: 1166710، 1175699

لوحة بيانات "مؤشرات أداء الويب الأساسية" الجديدة

يمكنك الاطّلاع على أداء صفحتك وقياسه بشكل أفضل باستخدام لوحة "مؤشرات أداء الويب الأساسية" الجديدة.

مؤشرات أداء الويب الأساسية هي مبادرة أطلقتها Google تهدف إلى توفير إرشادات موحّدة لإشارات الجودة الضرورية لتقديم تجربة رائعة للمستخدم على الويب.

افتح قائمة الأوامر وشغِّل الأمر إظهار العرض، ثم فعِّل مربّع الاختيار مؤشرات الويب الأساسية.

يعرض التراكب حاليًا ما يلي:

تراكب "مؤشرات أداء الويب الأساسية"

مشكلة Chromium: 1152089

تعديلات على علامة تبويب "المشاكل"

تم نقل عدد المشاكل إلى شريط حالة وحدة التحكّم.

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

عدد المشاكل في شريط حالة وحدة التحكّم

مشكلة Chromium: 1140516

الإبلاغ عن مشاكل في نشاط الويب الموثوق به

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

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

مشاكل "النشاط على الويب الموثوق به" في علامة التبويب "المشاكل"

مشكلة Chromium: 1147479

تنسيق السلاسل كقيم حرفية لسلسلة JavaScript (صالحة) في وحدة التحكّم

تعمل الآن Console على تنسيق السلاسل على أنّها قيم حرفية صالحة لسلسلة JavaScript في وحدة التحكّم. في السابق، لم تكن وحدة التحكم تتجنب علامات الاقتباس المزدوجة عند طباعة السلاسل.

تنسيق السلاسل على أنّها قيم حرفية لسلسلة JavaScript (صالحة)

مشكلة Chromium: 1178530

لوحة Trust Tokens الجديدة في لوحة التطبيق

تعرض أدوات مطوّري البرامج الآن جميع الرموز المميّزة الموثوق بها المتاحة في سياق التصفّح الحالي في لوحة الرموز المميّزة الموثوقة الجديدة ضمن لوحة التطبيق.

Trust Token هي واجهة برمجة تطبيقات جديدة للمساعدة في مكافحة الاحتيال وتمييز برامج التتبّع عن الأشخاص الحقيقيين بدون الحاجة إلى التتبّع السلبي. تعرَّف على كيفية بدء استخدام الرموز المميّزة الموثوق بها.

لوحة Trust Tokens الجديدة

مشكلة Chromium: 1126824

محاكاة ميزة color-gamut لوسائط صفحات الأنماط المتتالية (CSS)

محاكاة ميزة color-gamut لوسائط صفحات الأنماط المتتالية (CSS)

يتيح لك الاستعلام عن الوسائط في color-gamut اختبار النطاق التقريبي للألوان المتوافقة مع المتصفّح وجهاز الإخراج. على سبيل المثال، إذا كان طلب البحث عن الوسائط color-gamut: p3 مطابقًا، يعني ذلك أنّ جهاز المستخدم يتوافق مع Display-P3 colorspace.

افتح قائمة الأوامر وشغِّل الأمر إظهار العرض، ثم اضبط القائمة المنسدلة محاكاة ميزة وسائط CSS مع color-gamut.

مشكلة Chromium: 1073887

أدوات تطبيقات الويب التقدّمية المحسَّنة

تعرض "أدوات مطوري البرامج" الآن رسالة تحذيرية أكثر تفصيلاً بشأن قابلية تثبيت تطبيقات الويب التقدّمية (PWA) في وحدة التحكّم، مع رابط إلى المستندات.

تحذير بشأن قابلية تثبيت تطبيق الويب التقدّمي (PWA)

تعرض لوحة البيان الآن رسالة تحذير إذا تجاوز وصف البيان 324 حرفًا.

تحذير بشأن اقتطاع وصف تطبيق الويب التقدّمي (PWA)

بالإضافة إلى ذلك، تعرض لوحة البيان الآن رسالة تحذير إذا لم تتطابق لقطة شاشة تطبيق الويب التقدّمي (PWA) مع المتطلبات. يمكنك الاطّلاع على المزيد من المعلومات حول سمة لقطات الشاشة في تطبيق الويب التقدّمي (PWA) ومتطلباتها هنا.

تحذير بشأن لقطة شاشة لتطبيق الويب التقدّمي (PWA)

مشكلة Chromium: 1146450، 1169689، 965802

عمود "Remote Address Space" جديد في لوحة "الشبكة"

استخدِم عمود Remote Address Space الجديد في لوحة "الشبكة" للاطّلاع على مساحة عنوان IP للشبكة لكل مورد شبكة.

عمود جديد "مساحة العنوان البعيد"

مشكلة Chromium: 1128885

تحسينات الأداء

تم الآن تحسين أداء عمليات تحميل الصفحات عند فتح "أدوات مطوري البرامج". وفي بعض الحالات الشديدة، لاحظنا 10 أضعاف تحسينات في الأداء.

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

يُرجى متابعتنا للاطّلاع على مشاركة مدونة هندسية أكثر تفصيلاً تشرح عملية التنفيذ.

مشاكل Chromium: 1069425، 1077657

عرض الميزات المسموح بها/غير المسموح بها في طريقة عرض "تفاصيل الإطار"

يعرض قسم "عرض تفاصيل الإطار" الآن قائمة بميزات المتصفّح المسموح بها وغير المسموح بها التي يتم التحكّم فيها من خلال سياسة الأذونات.

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

الميزات المسموح بها/غير المسموح بها استنادًا إلى سياسة الأذونات

مشكلة Chromium: 1158827

عمود "SameParty" جديد في جزء "ملفات تعريف الارتباط"

يعرض جزء "ملفات تعريف الارتباط" في لوحة التطبيق الآن السمة SameParty لملفات تعريف الارتباط. السمة SameParty هي سمة منطقية جديدة للإشارة إلى ما إذا كان يجب تضمين ملف تعريف ارتباط في طلبات الوصول إلى مصادر مجموعات نطاقات الطرف الأول نفسها.

عمود SameParty

مشكلة Chromium: 1161427

دعم fn.displayName غير عادي الذي تم إيقافه

لقد تم إيقاف واجهة برمجة التطبيقات fn.displayName غير العادية نهائيًا. يمكنك استخدام fn.name كبديل.

مثال على استخدام DisplayName

أتاح Chrome بشكل تقليدي استخدام سمة fn.displayName غير العادية كوسيلة للمطوّرين للتحكّم في أسماء تصحيح الأخطاء للدوال التي تظهر في error.stack وفي تتبُّع تسلسل استدعاء الدوال البرمجية في "أدوات مطوري البرامج". في المثال أعلاه، كان حزمة المكالمات يعرض سابقًا noLongerSupport.

استبدِل fn.displayName بـ fn.name العادية التي تم ضبطها (من خلال Object.defineProperty) في ECMAScript 2015 لتحلّ محلّ السمة fn.displayName غير العادية.

كان دعم fn.displayName غير موثوق به وغير متسق على مستوى محركات البحث المختلفة. وهي تبطئ عملية جمع بيانات تتبُّع تسلسل استدعاء الدوال البرمجية، وهي تكلفة يدفعها المطوّرون دائمًا بغض النظر عما إذا كانوا يستخدمون fn.displayName بالفعل أم لا.

مثال لاستخدام الاسم

مشكلة Chromium: 1177685

إيقاف Don't show Chrome Data Saver warning في قائمة "الإعدادات"

تمت إزالة الإعداد Don't show Chrome Data Saver warning بسبب إيقاف توفير البيانات في Chrome.

إيقاف العمل بإعدادات "عدم عرض تحذير توفير بيانات Chrome"

مشكلة Chromium: 1056922

الميزات التجريبية

الإبلاغ التلقائي عن المشاكل المتعلّقة بتوفير التباين المنخفض في علامة التبويب "المشاكل"

أضافت "أدوات مطوري البرامج" دعمًا تجريبيًا للإبلاغ عن مشاكل التباين في علامة التبويب "المشاكل" تلقائيًا.

النص المنخفض التباين هو مشكلة تسهيل الاستخدام الأكثر شيوعًا التي يمكن اكتشافها تلقائيًا على الويب. يساعد عرض هذه المشاكل في علامة التبويب "المشاكل" المطوّرين على اكتشاف هذه المشاكل بسهولة أكبر.

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

الإبلاغ التلقائي عن المشاكل المتعلّقة بانخفاض التباين

مشكلة Chromium: 1155460

العرض التدرّجي الكامل لتسهيل الاستخدام في لوحة "العناصر"

يمكنك الآن التبديل للاطّلاع على العرض التدرّجي الجديد والمحسّن لميزات تسهيل الاستخدام الكامل لإحدى الصفحات.

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

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

يُرجى العلم أنّ هذه التجربة لا تزال في مراحلها الأولى. ونحن نخطط لتحسين هذه الوظائف وتوسيع نطاقها بمرور الوقت.

العرض التدرّجي للحساب الكامل لإمكانية الوصول

مشكلة Chromium: 887173

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

يمكنك استخدام إصدار 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