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

محرّر شبكة CSS

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

محرر شبكة CSS

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

مشكلة Chromium: 1203241

إتاحة عمليات إعادة بيان const في Console

تتيح وحدة التحكّم الآن إعادة بيان عبارة const، بالإضافة إلى بيان إعادة الإفصاح الحاليَين حول let وclass. كانت عدم القدرة على الإفصاح عن المحتوى الجديد مصدر إزعاج شائع لمطوِّري الويب الذين يستخدمون Console لتجربة رمز 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

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

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

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

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

مشكلة Chromium: 1174299

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

تُبلغ "أدوات مطوري البرامج" الآن عن المشاكل المتعلقة بوضع Quirks ووضع المراوغة المحدودة.

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

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

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

مشكلة Chromium: 622660

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

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

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

مشكلة Chromium: 1199137

Lighthouse 7.5 في لوحة Lighthouse

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

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

مشكلة Chromium: 772558

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

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

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

مشكلة Chromium: 1203606

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

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

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

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

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

مشاكل Chromium: 1204004 و1204466

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

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

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

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

مسجّل الدُمى

مشكلة Chromium: 1199787

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

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