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

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

تهدف علامة تبويب المشاكل الجديدة في الدرج إلى المساعدة في الحدّ من إرهاق الإشعارات وتشويقها في وحدة التحكّم. تُعد Console حاليًا الوجهة الأساسية لمطوّري مواقع الويب والمكتبات وأُطر العمل و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" (الحوسبة) وتلميح "وضع الفحص" (Inspectd Mode)).

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

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

خطأ Chromium: #1072952

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

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

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

المراجع:

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

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

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

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

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

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