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

Jecelyn Yeen

الإصدار 100 من Chrome

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

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

عرض وتعديل @supports في القواعد ضمن جزء الأنماط

يمكنك الآن عرض قواعد @supports الخاصة بخدمة CSS وتعديلها في لوحة الأنماط. تسهّل هذه التغييرات تجربة القواعد في الوقت الفعلي. افتح صفحة العرض التوضيحي هذه وinspect العنصر <div class=”box”> واطّلِع على قواعد @supports في لوحة الأنماط. انقر على بيان القاعدة لتعديله.

عرض وتعديل @supports في القواعد

مشاكل Chromium: 1222574 و1222573

تحسينات على لوحة المسجّلة الذكية

إتاحة أدوات الاختيار الشائعة تلقائيًا

عند تحديد أداة اختيار فريدة أثناء التسجيل، تفضّل لوحة المسجّلة الذكية الآن تلقائيًا العناصر التي تتضمّن السمات التالية:

  • data-testid
  • data-test
  • data-qa
  • دورة البيانات
  • data-test-id
  • data-qa-id
  • اختبار البيانات

السمات الواردة أعلاه هي أدوات اختيار شائعة تُستخدم في التشغيل الآلي للاختبار.

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

بما أنّ عنصر البريد الإلكتروني يتضمّن data-testid محدّدًا، يتم استخدامه كأداة اختيار تلقائيًا بدلاً من السمة id أو class.

إتاحة أدوات الاختيار الشائعة تلقائيًا

تخصيص أداة اختيار التسجيل

يمكنك تخصيص أداة اختيار التسجيل إذا كنت لا تستخدم أدوات الاختيار الشائعة.

على سبيل المثال، تستخدم صفحة الإصدار التجريبي هذه السمة data-automate كأداة اختيار. ابدأ تسجيلاً جديدًا وأدخِل data-automate كسمة أداة الاختيار. أدخِل عنوان بريد إلكتروني ولاحظ قيمة أداة الاختيار ([data-automate=email-address]).

تخصيص أداة اختيار التسجيل

نتيجة اختيار أداة الاختيار المخصّصة

إعادة تسمية تسجيل

يمكنك الآن إعادة تسمية تسجيل في لوحة المسجّلة الذكية باستخدام زر التعديل (رمز القلم الرصاص) بجانب عنوان التسجيل.

إعادة تسمية تسجيل

معاينة خصائص الفئة أو الدوال عند التمرير فوقها

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

معاينة خصائص الفئة أو الدوال عند التمرير فوقها

مشكلة Chromium: 1049947

الإطارات المعروضة جزئيًا في لوحة "الأداء"

يعرض تسجيل الأداء الآن فئة إطار جديدة "اللقطات المعروضة جزئيًا". في المخطط الزمني للإطارات.

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

وهذا يؤدي إلى إرباك المستخدم لأن لقطات شاشة هذه "الإطارات المسقطة" لا تزال تعرض تحديثات مرئية.

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

الإطارات المعروضة جزئيًا في لوحة &quot;الأداء&quot;

مشكلة Chromium: 1261130

معلومات متنوعة

في ما يلي بعض الإصلاحات البارزة في هذا الإصدار:

  • تم تعديل سلاسل وكيل مستخدم iPhone للأجهزة التي تمت محاكاتها. تحتوي جميع إصدارات iPhone بعد الإصدار 5 على سلسلة وكيل المستخدم مع الإصدار 13_2_3 من نظام التشغيل iPhone. (1289553)
  • يمكنك الآن حفظ المقتطف كملف JavaScript مباشرةً. في السابق، كان عليك إلحاق امتداد الملف .js يدويًا. (1137218)
  • تعرض لوحة المصادر الآن أسماء متغيّرات النطاق بشكلٍ صحيح عند تصحيح الأخطاء باستخدام خريطة المصدر. في السابق، تعرض لوحة المصادر أسماء متغيّرات النطاق المصغّرة على الرغم من توفير خريطة المصدر. (1294682)
  • تستعيد لوحة المصادر الآن موضع الانتقال بشكل صحيح عند تحميل الصفحة. في السابق، لم تتم استعادة الموضع بشكل صحيح، ما تسبب في إزعاج أثناء تصحيح الأخطاء. (1294422)

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

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

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

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

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

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

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