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

Chrome 100

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

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

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

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

الاطّلاع على @supports وتعديلها في القواعد

مشاكل Chromium: 1222574، 1222573

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

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

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

  • data-testid
  • اختبار البيانات
  • 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 على سلسلة وكيل المستخدم بنظام التشغيل iPhone OS 13_2_3. (1289553)
  • يمكنك الآن حفظ المقتطف كملف JavaScript مباشرةً. في السابق، كان عليك إلحاق امتداد الملف .js يدويًا. (1137218)
  • تعرض لوحة المصادر الآن أسماء متغيرات النطاق بشكل صحيح عند تصحيح الأخطاء باستخدام خريطة المصادر. في السابق، كانت لوحة المصادر تعرض أسماء متغيّرات النطاق المصغّرة على الرغم من توفير خريطة المصدر. (1294682)
  • تستعيد لوحة المصادر الآن موضع التمرير بشكلٍ صحيح عند تحميل الصفحة. في السابق، لم تتم استعادة الموضع بشكل صحيح، ما أدى إلى حدوث إزعاج في تصحيح الأخطاء. (1294422)

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

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