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

إشعارات تطبيق "المسجّلة الذكية"

إتاحة إضافات إعادة تشغيل

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

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

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

مشكلة Chromium: 1400243.

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

بالإضافة إلى أدوات الاختيار المخصّصة وCSS وARIA والنصوص وXPath، يمكنك الآن التسجيل باستخدام أدوات اختيار الاختراق. وتعمل أدوات الاختيار هذه مثل عناصر 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 في MDN على هذا الموقع.

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

لإعادة تشغيلها، تحقق من الإعدادات > الإعدادات المفضّلة > العناصر > عرض تلميح مستندات خدمة مقارنة الأسعار (CSS)

مشكلة Chromium: 1401107.

دعم تداخل CSS

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

مشكلة Chromium: 1172985.

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

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

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

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

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

مشكلة Chromium: 1027458.

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

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

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

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

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

مشكلة Chromium: 883325.

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

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

يبدأ الإصدار (112) من "أدوات مطوري البرامج" عملية الإيقاف النهائي لـ أداة تحليل JavaScript على أربع مراحل. تعرض لوحة أداة تحليل JavaScript الآن بانر التحذير المناسب.

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

اطّلِع على مزيد من المعلومات وأرسِل ملاحظاتك في RFC وcrbug.com/1354548 المقابل.

مشكلة Chromium: 1417647.

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

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

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

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

مشاكل Chromium: 1412719 و1412721.

المنارة 10

تشغّل لوحة Lighthouse الآن Lighthouse 10.0.1. لمزيد من التفاصيل، يمكنك الاطّلاع على الميزات الجديدة في Lighthouse 10.0.1.

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

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

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

مشكلة Chromium: 772558.

تحذير في وحدة التحكّم لإزالة معالِج استرجاع مشغّل الخدمات غير المتاح

يتخطّى الإصدار 112 من Chrome معالِجات استرجاع مشغّل الخدمات (بدون عملية) لأنّها قد تؤدي إلى إبطاء عملية التنقّل ولكنّها ليست ذات غرض معيّن. لم تعُد هذه المعالِجات مطلوبة لكي يصبح موقعك الإلكتروني تطبيق ويب تقدّميًا.

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

مشكلة Chromium: 1347319.

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

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

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

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

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

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

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

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

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

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