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

آخر الأخبار حول "المسجّلة الذكية"

التوافق مع إضافات إعادة التشغيل

تتيح أداة التسجيل استخدام خيارات مخصّصة لإعادة التشغيل يمكنك تضمينها في "أدوات مطوّري البرامج" باستخدام إضافة.

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

لتخصيص Recorder بما يتناسب مع احتياجاتك ودمجها مع أدواتك، ننصحك بتطوير إضافة خاصة بك: يمكنك استكشاف chrome.devtools.recorder API والاطّلاع على المزيد من أمثلة الإضافات.

مشكلة في Chromium: ‏ 1400243

التسجيل باستخدام أدوات اختيار pierce

بالإضافة إلى أدوات الاختيار المخصّصة وCSS وARIA وText وXPath، يمكنك الآن التسجيل باستخدام أدوات اختيار pierce. تتصرّف أدوات الاختيار هذه مثل أدوات اختيار CSS، ولكن يمكنها أيضًا اختراق جذور الظل.

ابدأ تسجيلًا جديدًا على صفحة تتضمّن shadow DOM وضع علامة في المربّع Pierce ضمن أنواع أداة الاختيار المُستخدَمة أثناء التسجيل. سجِّل تفاعلك مع العناصر في shadow DOM وافحص الخطوة المقابلة.

مشكلة في Chromium: 1411188.

التصدير كنص برمجي من مكتبة Puppeteer مع تحليل Lighthouse

تقدّم أداة المسجّلة خيار تصدير جديدًا: Puppeteer (بما في ذلك تحليل Lighthouse). باستخدام Puppeteer، يمكنك إعداد عمليات Chrome تلقائيًا والتحكّم فيها. باستخدام Lighthouse، يمكنك تسجيل أداء موقعك الإلكتروني وتحسينه.

افتح التسجيل، وانقر على تصدير، واختَر الخيار الجديد، واحفظ ملف .js.

شغِّل نص Puppeteer البرمجي للحصول على تقرير Lighthouse في ملف flow.report.html.

الحصول على إضافات

استكشاف خيارات لتخصيص تجربة استخدام "المسجّلة"، مثل خيارات التصدير المخصّصة يمكنك الحصول على إضافات المسجّل من خلال النقر على تصدير > الحصول على إضافات في تسجيل.

يمكنك إضافة الإضافة الخاصة بك إلى قائمة إضافات "المسجّل". نتطلّع إلى رؤية تطبيقك في القائمة.

مشاكل Chromium: 1417104 و1413168

العناصر > تعديلات على الأنماط

مستندات CSS

كم مرة في اليوم تبحث عن مستندات حول سمات CSS؟ تعرض لك الآن اللوحة العناصر > التصاميم وصفًا موجزًا عند تمرير مؤشر الماوس فوق إحدى السمات.

تحتوي تلميحة الأدوات أيضًا على رابط مزيد من المعلومات ينقلك إلى مرجع CSS على شبكة مطوّري Mozilla بشأن هذه السمة.

إذا كنت تعرف CSS جيدًا، قد تجد تلميحات الأدوات مزعجة. لإيقافها كلها، ضَع علامة في المربّع بجانب عدم العرض.

لإعادة تفعيلها، ضَع علامة في المربّع بجانب عرض تلميح الأداة الخاص بمستندات CSS في الإعدادات > الإعدادات المفضّلة > العناصر > .

مشكلة في Chromium: 1401107.

إتاحة التداخل في CSS

تتعرّف اللوحة العناصر > الأنماط الآن على بنية التداخل في CSS وتطبّق الأنماط المتداخلة على العناصر الصحيحة.

مشكلة في Chromium: 1172985.

وضع علامات logpoint ونقاط إيقاف مشروطة في "وحدة التحكّم"

في إطار مواصلة تحسين تجربة المستخدم في نقاط التوقف المحسّنة، تضع وحدة التحكّم الآن علامات على الرسائل التي يتم تشغيلها بواسطة نقاط التوقف:

• console.* عمليات استدعاء في نقاط الإيقاف المشروطة مع علامة استفهام برتقالية ?
• رسائل Logpoint مع نقطتَين ورديتَين ..

توفّر لك وحدة التحكّم الآن روابط ثابتة مناسبة لنقاط التوقّف في ملفات المصدر بدلاً من نصوص VM<number> التي ينشئها Chrome لتشغيل أي جزء من JavaScript على V8.

انقر على الرابط بجانب رسالة نقطة الإيقاف للانتقال مباشرةً إلى محرّر نقاط الإيقاف.

مشكلة في Chromium: 1027458.

تجاهُل النصوص البرمجية غير الملائمة أثناء تصحيح الأخطاء

لمساعدتك في التركيز على أهم أجزاء الرمز، يمكنك الآن إضافة النصوص البرمجية غير ذات الصلة إلى قائمة التجاهل مباشرةً من شجرة الملفات في اللوحة المصادر > الصفحة.

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

يتم عرض كل النصوص البرمجية والمجلدات المُدرَجة في قائمة التجاهل باللون الرمادي في شجرة الملفات.

في حال اختيار نص برمجي تم تجاهله، سينقلك الزر إعداد إلى الإعدادات > قائمة التجاهل. يمكنك أيضًا إخفاء المصادر المدرَجة بقائمة التجاهل من شجرة الملفات باستخدام > إخفاء المصادر المدرَجة بقائمة التجاهل .

مشكلة في Chromium: 883325.

بدأ إيقاف أداة "تحليل JavaScript" نهائيًا

منذ الإصدار 58 من Chrome، خطّط فريق "أدوات مطوّري البرامج" لإيقاف أداة JavaScript Profiler نهائيًا، وأن يطلب من مطوّري Node.js وDeno استخدام لوحة الأداء لإنشاء ملفات تعريف لأداء وحدة المعالجة المركزية في JavaScript.

يبدأ إصدار DevTools هذا (112) عملية إيقاف أداة تحليل JavaScript المكوّنة من أربع مراحل. تعرِض لوحة أداة تحليل JavaScript الآن بانر التحذير ذي الصلة.

بدلاً من Profiler، استخدِم لوحة الأداء لإنشاء ملفات تعريف لوحدة المعالجة المركزية.

يمكنك الاطّلاع على مزيد من المعلومات وتقديم الملاحظات في RFC وcrbug.com/1354548 ذي الصلة.

مشكلة في Chromium: 1417647

محاكاة التباين المخفَّض

تضيف علامة التبويب العرض خيارًا جديدًا إلى قائمة محاكاة مشاكل الرؤية، وهو التباين المخفَّض. باستخدام هذا الخيار، يمكنك معرفة كيف يبدو موقعك الإلكتروني للمستخدمين الذين يعانون من انخفاض حساسية التباين.

يُرجى العِلم أنّه تم تعديل خيارات القائمة لتوضيح نوع حساسية الألوان التي تمثّلها الخيارات.

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

مشاكل Chromium: 1412719 و1412721

Lighthouse 10

تعمل لوحة Lighthouse الآن بالإصدار 10.0.1 من Lighthouse. لمزيد من التفاصيل، يُرجى الاطّلاع على الميزات الجديدة في الإصدار 10.0.1 من Lighthouse.

للتعرّف على أساسيات استخدام لوحة Lighthouse في "أدوات مطوّري البرامج"، يمكنك الاطّلاع على Lighthouse: تحسين سرعة الموقع الإلكتروني.

Lighthouse > > تم الآن إيقاف شريط التنقّل القديم تلقائيًا. يستخدم هذا الخيار إعدادات Lighthouse القديمة في وضع التنقّل.

يستخدم الإصدار 10 من Lighthouse الآن جهاز Moto G Power كجهاز المحاكاة التلقائي. أضافت "أدوات المطوّرين" هذا الجهاز إلى الإعدادات > الأجهزة.

مشكلة في Chromium: 772558.

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

يتجاهل الإصدار 112 من Chrome معالِجات جلب مشغّل الخدمات التي لا تنفّذ أي عملية لأنّها قد تبطئ عملية التنقّل ولكنّها لا تخدم أي غرض. لم يعُد من الضروري توفير معالجات من هذا النوع لكي يكون موقعك الإلكتروني مؤهلاً كـ تطبيق ويب تقدّمي.

تعرض وحدة التحكّم الآن تحذيرًا إذا عثرت على معالج جلب لا ينفّذ أي عملية على موقعك الإلكتروني. ننصحك بإزالته.

مشكلة في Chromium: 1347319.

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

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

• تعرض اللوحة المصادر > نقاط التوقف الآن مسارات ملفات مميّزة بجانب أسماء الملفات الغامضة (1403924).
• يصنّف القسم الرئيسي في الرسم البياني الشريطي ضمن لوحة الأداء الآن CpuProfiler::StartProfiling على أنّه Profiler Overhead (1358602).
• تحسين ميزة الإكمال التلقائي في "أدوات مطوّري البرامج":
  • المصادر: عمليات إكمال متسقة لأي كلمة (1320204)
  • وحدة التحكّم: Arrow down يختار الاقتراح الأول وتتلقّى الاقتراحات تلميحات Tab (1276960).
• أضافت "أدوات مطوّري البرامج" نقطة توقّف مستند معالج الأحداث للسماح لك بالتوقّف مؤقتًا عند فتح نافذة "نافذة ضمن النافذة" للمستند (1315352).
• أعدّت "أدوات مطوّلي البرامج" حلاً بديلاً يعرض بشكل صحيح عناصر Vue2 webpack على أنّها JavaScript (1416562).
• تم تحسين اسم إعداد وحدة التحكّم ليصبح: توسيع رسائل console.trace() تلقائيًا. (1139616).

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

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

التواصل مع فريق Chrome DevTools

استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر متعلّق بـ "أدوات مطوّري البرامج".

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

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

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