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

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

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

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

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

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

مشكلة Chromium: 1400243.

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

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

ابدأ تسجيلًا جديدًا على صفحة تتضمّن shadow DOM وضَع علامة في المربّع بجانب الاختراق في أنواع أدوات الاختيار المُستخدَمة أثناء التسجيل. سجّل تفاعلك مع العناصر في 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 الآن علامة على الرسائل التي يتم تشغيلها من خلال نقاط التوقف:

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

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

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

مشكلة Chromium: 1027458

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

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

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

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

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

مشكلة Chromium: ‏ 883325

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

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

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

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

يمكنك الاطّلاع على مزيد من المعلومات وتقديم ملاحظاتك في 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.

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

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

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

مشكلة Chromium: 1347319

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

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

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

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

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

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

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

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

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

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