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

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

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

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

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

خطأ في Chromium: #1068116

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

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

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

خطأ في Chromium: #1040025

إشعارات لوحة الأداء

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

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

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

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

خطأ في Chromium: #1054381

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

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

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

تفاصيل متغيّرات التصميم.

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

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

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

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

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

الخطأ V8: #6751

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

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

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

ضبط قيمة خاصية للرجوع.

خطأ في Chromium: #1075437

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

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

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

خطأ في Chromium: #1040019

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

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

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

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

ستظهر لك أيضًا البنية في الجزء Computed وتلميح "وضع الفحص".

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

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

خطأ في Chromium: #1072952

إيقاف جزء الخصائص في لوحة "العناصر"

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

جزء "الخصائص" الذي تم إيقافه نهائيًا.

المراجع:

إتاحة اختصارات التطبيقات في جزء البيان

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

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

اختصارات التطبيقات في جزء البيان.

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

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