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

أداة تعديل شبكة CSS

ميزة مطلوبة كثيرًا. يمكنك الآن معاينة شبكة CSS وتأليفها باستخدام محرِّر شبكة CSS الجديد.

أداة تحرير شبكة CSS

عند تطبيق display: grid أو display: inline-grid على أحد عناصر HTML في صفحتك، يمكنك رؤية رمز بجانبه في جزء "الأنماط". انقر على الرمز لتبديل محرر شبكة CSS. يمكنك هنا معاينة التغييرات المحتمَلة باستخدام الرموز التي تظهر على الشاشة (مثل justify-content: space-around) وتحديد شكل الشبكة بنقرة واحدة فقط.

مشكلة Chromium: 1203241

إتاحة طلبات إعادة تعريف const في Play Console

تتيح وحدة التحكّم الآن إعادة تعريف عبارة const، بالإضافة إلى عمليات إعادة تعريف let وclass الحالية. وقد شكّلت عدم القدرة على إعادة تقديم بيان إزعاجًا شائعًا لمطوّري البرامج على الويب الذين يستخدمون وحدة التحكّم لإجراء تجربة باستخدام رمز JavaScript جديد.

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

يُرجى الاطّلاع على المثال الوارد أدناه. تتوفر إعادة تعريف const عبر نصوص REPL منفصلة (يُرجى الرجوع إلى المتغيّر a). يُرجى العلم بأنّ التصميم لا يتوافق مع السيناريوهات التالية:

  • لا يُسمح بإعادة تعريف const للنصوص البرمجية للصفحات في النصوص البرمجية REPL
  • لا يُسمح بإعادة تعريف const ضمن نص REPL نفسه (يُرجى الرجوع إلى المتغيّر b).

إعادة تعريفات ثابتة

مشكلة Chromium: 1076427

أداة عرض ترتيب المصادر

يمكنك الآن عرض ترتيب عناصر المصدر على الشاشة لفحص إمكانية الوصول بشكل أفضل.

أداة عرض ترتيب المصادر

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

مشكلة Chromium: 1094406

اختصار جديد لعرض تفاصيل الإطار

يمكنك الاطّلاع على تفاصيل إطار iframe من خلال النقر بزر الماوس الأيمن على عنصر iframe في لوحة "العناصر" واختيار إظهار تفاصيل الإطار.

إظهار تفاصيل الإطار

ينقلك هذا إلى عرض تفاصيل إطار iframe في لوحة التطبيق حيث يمكنك فحص تفاصيل المستند، وحالة الأمان والعزل، وسياسة الأذونات والمزيد لتصحيح المشاكل المحتملة.

عرض تفاصيل الإطار

مشكلة Chromium: 1192084

دعم محسّن لتصحيح أخطاء CORS

تظهر الآن أخطاء مشاركة الموارد المشتركة المصدر (CORS) في علامة التبويب "المشاكل". هناك أسباب متعددة تؤدي إلى حدوث أخطاء CORS. انقر لتوسيع كل مشكلة لفهم الأسباب والحلول المحتملة.

مشاكل CORS في علامة تبويب "المشاكل"

مشكلة Chromium: 1141824

تعديلات لوحة الشبكة

إعادة تسمية تصنيف XHR إلى Fetch/XHR

تمت إعادة تسمية تصنيف XHR إلى Fetch/XHR. يوضِّح هذا التغيير أنّ هذا الفلتر يشمل طلبات الشبكة XMLHttpRequest وFetch API.

تصنيف الجلب/XHR

مشكلة Chromium: 1201398

فلترة نوع مورد Wasm في لوحة "الشبكة"

يمكنك الآن النقر على زر Wasm الجديد لفلترة طلبات شبكة Wasm.

الفلترة حسب Wasm

مشكلة Chromium: 1103638

تلميحات برنامج وكيل المستخدم للأجهزة في علامة التبويب "حالات الشبكة"

يتم الآن تطبيق User-Agent Client Hints على الأجهزة في حقل وكيل المستخدم ضِمن علامة التبويب حالات الشبكة.

إنّ تلميحات العميل لوكيل المستخدم هي توسيع جديد لواجهة Client Hints API، تتيح للمطوّرين الوصول إلى معلومات حول متصفّح المستخدم بطريقة مريحة تحافظ على الخصوصية.

تلميحات برنامج وكيل المستخدم للأجهزة في علامة التبويب "حالات الشبكة"

مشكلة Chromium: 1174299

الإبلاغ عن مشاكل في وضع Quirks في علامة التبويب "المشاكل"

أبلغَت أدوات مطوّري البرامج الآن عن مشاكل في وضع Querks ووضع المراوغة المحدودة.

وضع Quirks و Limited-quirks (وضع المراوغة المحدودة) هما وضعان قديمان للمتصفِّح من قبل وضع معايير الويب. تحاكي هذه الأوضاع سلوكيات التخطيط التي تعود إلى العصر ما قبل العادية والتي غالبًا ما تؤدي إلى تأثيرات بصرية غير متوقّعة.

عند تصحيح مشاكل التنسيق، قد يعتقد المطوّرون أنّها ناتجة عن أخطاء CSS أو HTML التي كتبها المستخدم، في حين تكمن المشكلة الحقيقية في "وضع التوافق" الذي تظهر فيه الصفحة. تقدّم "أدوات مطوري البرامج" اقتراحات لحلّ المشكلة.

الإبلاغ عن مشاكل في وضع Quirks في علامة التبويب "المشاكل"

مشكلة Chromium: 622660

تضمين عمليات تقاطع الحوسبة في لوحة الأداء

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

احتساب عمليات التقاطع في لوحة الأداء

مشكلة Chromium: 1199137

Lighthouse 7.5 في لوحة Lighthouse

تعمل لوحة Lighthouse الآن بالإصدار Lighthouse 7.5. تمت الآن إزالة التحذير "عدم توفّر العرض والارتفاع الصريحين" للصور التي تم تحديد aspect-ratio فيها في CSS. في السابق، كانت أداة Lighthouse تعرض تحذيرات بشأن الصور التي لم يتم تحديد العرض والارتفاع فيها.

يمكنك الاطّلاع على ملاحظات الإصدار للحصول على قائمة كاملة بالتغييرات.

مشكلة Chromium: 772558

إيقاف قائمة سياق "إعادة تشغيل الإطار" في حزمة الاستدعاءات

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

قائمة سياق إطار إعادة التشغيل المتوقفة نهائيًا

مشكلة Chromium: 1203606

[ميزة تجريبية] أداة مراقبة البروتوكول

تستخدم "أدوات مطوري البرامج في Chrome" بروتوكول أدوات مطوّري البرامج في Chrome (CDP) لفحص متصفّحات Chrome وفحصها وتصحيح الأخطاء فيها والملفات الشخصية. توفّر لك أداة مراقبة البروتوكول طريقة لعرض جميع طلبات CDP والردود التي تقدّمها "أدوات مطوري البرامج".

تمت إضافة دالتَين جديدتَين لتسهيل اختبار CDP:

  • يتيح لك زر حفظ الجديد تنزيل الرسائل المسجَّلة كملف JSON.
  • حقل جديد يتيح لك إرسال أمر CDP أولي مباشرةً

أداة رصد البروتوكول

مشاكل Chromium: 1204004، 1204466

[ميزة تجريبية] أداة تسجيل الدُمى

تنشئ أداة Puppeteer Recorder الآن قائمة بالخطوات استنادًا إلى تفاعلك مع المتصفّح، بينما أنشأت "أدوات مطوّري البرامج" في السابق نصًا برمجيًا لـ Puppeteer مباشرةً بدلاً من ذلك. تمت إضافة زر تصدير جديد للسماح لك بتصدير الخطوات كنص برمجي Puppeteer.

بعد تسجيل الخطوات، يمكنك استخدام الزر الجديد إعادة تشغيل لإعادة تشغيل الخطوات. اتّبِع التعليمات الواردة هنا للتعرّف على كيفية بدء التسجيل.

يُرجى العلم أنّ هذه التجربة لا تزال في مراحلها الأولى. نخطط لتحسين وظيفة "المسجّلة الذكية" وتوسيع نطاقها بمرور الوقت.

مسجّل حركة العرائس

مشكلة Chromium: 1199787

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

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