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

الإصدار 100 من Chrome

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

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

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

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

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

مشاكل Chromium: 1222574 و1222573

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

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

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

  • اختبار البيانات
  • اختبار البيانات
  • data-qa
  • data-cy
  • 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.

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

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

الإصدار 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