الميزات الجديدة في أدوات مطوّري البرامج (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)

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

تم فتح تقرير Lighthouse في Chrome.

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

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

الخيار "الحصول على إضافات" في القائمة المنسدلة "تصدير"

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

مشاكل Chromium: 1417104 و1413168.

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

وثائق CSS

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

تلميح يتضمّن مستندات على إحدى خصائص CSS.

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

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

لإعادة تفعيلها، ضَع علامة في المربّع الإعدادات. الإعدادات > الإعدادات المفضّلة > العناصر > مربّع اختيار عرض تلميح وثائق CSS.

مشكلة Chromium: 1401107.

دعم تداخل CSS

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

مشكلة Chromium: 1172985.

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

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

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

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

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

رابط الارتساء بجانب رسالة نقطة تسجيل تفتح محرِّر نقاط الإيقاف.

مشكلة Chromium: 1027458.

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

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

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

قوائم السياق لمجلد ونص برمجي مع خيارات متعلقة بالتجاهل

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

تظهر النصوص البرمجية والمجلدات المدرجة في القائمة المنسدلة باللون الرمادي، ويمكنك إخفاؤها باستخدام خيار تجريبي في القائمة المنسدلة &quot;المزيد من الخيارات&quot;.

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

مشكلة Chromium: 883325.

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

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

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

بانر الإيقاف النهائي أعلى محلّل الملف الشخصي

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

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

مشكلة Chromium: 1417647.

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

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

خيار التباين المخفض المحدد ضمن وظيفة &quot;محاكاة قصور الرؤية&quot;.

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

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

مشاكل Chromium: 1412719 و1412721.

المنارة 10

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

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

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

تم إيقاف التنقل القديم.

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

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.

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

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

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