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

Kayce Basques

حلّ مشاكل الموقع الإلكتروني في علامة تبويب "المشاكل" الجديدة

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

اطّلع على علامة التبويب "العثور على المشاكل" وحلّها في "أدوات مطوري البرامج في Chrome" للبدء.

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

خطأ في Chromium: #1068116

عرض معلومات تسهيل الاستخدام في تلميح "وضع الفحص"

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

تلميح بشأن "وضع الفحص" مع معلومات تسهيل الاستخدام

خطأ Chromium: #1040025

تعديلات على لوحة الأداء

عرض معلومات إجمالي وقت الحظر (TBT) في التذييل

بعد تسجيل أداء التحميل، تعرض لوحة "الأداء" الآن إجمالي وقت الحظر. (TBT) المعلومات في التذييل. TBT هو مقياس لأداء التحميل يساعد في تحديد المدة تأخذ الصفحة لتصبح قابلة للاستخدام. وهي تقيس بشكل أساسي المدة التي تظهر فيها صفحة قابلة للاستخدام (لأنّ المحتوى قد تم عرضه على الشاشة) ولكنه غير قابل للاستخدام في الواقع لأنّ JavaScript يحظر سلسلة التعليمات الرئيسية، وبالتالي لا يمكن للصفحة الردّ على البيانات التي أدخلها المستخدم. إن TBT هو المختبر الرئيسي لتقدير "مهلة الاستجابة الأولى" تقريبًا، وهو أحد مؤشرات أداء الويب الأساسية الجديدة من Google.

للحصول على معلومات عن "إجمالي وقت الحظر"، لا تستخدم علامة التبويب إعادة تحميل الصفحة. إعادة تحميل الصفحة لتسجيل أداء تحميل الصفحة. بدلاً من ذلك، انقر على تسجيل تسجيل, أعِد تحميل الصفحة يدويًا وانتظِر حتى يتم تحميلها، ثم أوقِف التسجيل. إذا رأيت Total Blocking Time: Unavailable يعني ذلك أنّ "أدوات مطوري البرامج" لم تحصل على المعلومات التي يحتاج إليها. بيانات التحليل الداخلي في Chrome

معلومات عن إجمالي وقت الحظر في تذييل تسجيل لوحة الأداء

خطأ في Chromium: #1054381

أحداث متغيّرات التصميم في قسم التجربة الجديدة

يمكن أن يساعدك قسم التجربة الجديد في لوحة "الأداء" في رصد متغيّرات التصميم. متغيّرات التصميم التراكمية (CLS) هو مقياس يمكن أن يساعدك في قياس عدم الثبات البصري غير المرغوب فيه أحد مؤشرات Core Web Vitals الجديدة من Google.

انقر على حدث متغيّرات التصميم للاطّلاع على تفاصيل متغيّرات التصميم في علامة التبويب ملخّص. تمرير مؤشر الماوس على حقلَي تم النقل من وتم النقل إلى للاطّلاع على مكان حدوث متغيّرات التصميم.

تمثّل هذه السمة تفاصيل متغيّر التصميم.

مصطلحات وعود أكثر دقة في وحدة التحكّم

عند تسجيل Promise، استخدمت وحدة التحكّم لوصف حالة Promise بشكل خاطئ على أنها resolved:

مثال على وحدة التحكم التي تستخدم القيمة القديمة "تم حلها" المصطلحات.

تستخدم وحدة التحكّم الآن المصطلح fulfilled الذي يتوافق مع مواصفات Promise:

مثال على وحدة تحكّم تستخدم الحقل الجديد "يتم توصيله" المصطلحات.

V8 الخطأ: #6751

تعديلات جزء الأنماط

دعم الكلمة الرئيسية revert

ترصد واجهة مستخدم الإكمال التلقائي في جزء الأنماط الآن الكلمة الرئيسية في CSS revert، التي تعكس قيمة مترابطة لخاصية إلى القيمة التي كانت ستحصل عليها لو لم يتم إجراء أي تغييرات على نمط العنصر.

ضبط قيمة موقع على العودة إلى النسخة السابقة

خطأ Chromium: #1075437

معاينات الصور

مرِّر مؤشر الماوس فوق قيمة background-image في لوحة "الأنماط" للاطّلاع على معاينة للصورة في تلميح.

تمرير مؤشر الماوس فوق قيمة صورة خلفية

خطأ Chromium: #1040019

يستخدم "منتقي الألوان" الآن ترميز الألوان الوظيفي المفصول بمسافات

يحدد المستوى 4 من وحدة ألوان CSS أنّ دوال الألوان مثل rgb() يجب أن تتيح استخدامها. وسيطات مفصولة بمسافات. على سبيل المثال، rgb(0, 0, 0) تساوي rgb(0 0 0).

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

استخدام وسيطات مفصولة بمسافات في جزء الأنماط

سترى أيضًا بناء الجملة في جزء " Computed" (الحوسبة) وتلميح "وضع الفحص" (Inspectd Mode)).

تستخدم أدوات مطوّري البرامج البنية الجديدة لأن ميزات CSS القادمة مثل color() لا تتوافق مع تم إيقاف بنية الوسيطة المفصولة بفواصل نهائيًا.

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

خطأ Chromium: #1072952

إيقاف لوحة الخصائص في لوحة "العناصر" نهائيًا

تم إيقاف لوحة الخصائص في لوحة العناصر نهائيًا. تشغيل console.dir($0) في يمكنك استخدام وحدة التحكّم بدلاً من ذلك.

لوحة "الخصائص" المتوقّفة نهائيًا

المراجع:

إتاحة اختصارات التطبيقات في لوحة البيان

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

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

اختصارات التطبيقات في لوحة البيان

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

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

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

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

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

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

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