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

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

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

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

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

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

واجهة مستخدم مخصّصة لإعادة التشغيل

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

مشكلة Chromium: 1400243.

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

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

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

ضبط المسجّلة الذكية لاستخدام أدوات اختيار الثقوب؛ أداة اختيار Pierce قيد التشغيل

مشكلة 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

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

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

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

مشكلة Chromium: 1401107.

دعم تداخل CSS

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

مشكلة 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 الآن بانر التحذير المقابل.

بانر الإيقاف في أعلى المحلل

بدلاً من ملف التعريف، استخدِم لوحة الأداء لتحليل وحدة المعالجة المركزية (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.

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

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

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

معالج جلب بدون عمليات والتحذير المقابل في وحدة التحكم.

مشكلة Chromium: 1347319.

ميزات متنوعة

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

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

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

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