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

Kayce Basques
Kayce Basques
X GitHub

تسرّنا عودتك. تشمل الميزات الجديدة التي ستتوفّر في "أدوات مطوّري البرامج" في الإصدار 63 من Chrome ما يلي:

يمكنك قراءة المزيد أو مشاهدة الفيديو أدناه لمعرفة المزيد.

إتاحة تصحيح الأخطاء عن بُعد لعدة عملاء

إذا سبق لك تجربة تصحيح أخطاء تطبيق من بيئة تطوير متكاملة (IDE) مثل VS Code أو WebStorm، من المحتمل أنّك لاحظت أنّ فتح "أدوات المطوّرين" يؤدي إلى إفساد جلسة تصحيح الأخطاء. وقد أدّت هذه المشكلة أيضًا إلى تعذُّر استخدام "أدوات مطوّري البرامج" لتصحيح أخطاء اختبارات WebDriver.

اعتبارًا من الإصدار 63 من Chrome، تتيح "أدوات مطوّري البرامج" الآن تلقائيًا استخدام عدة برامج لتصحيح الأخطاء عن بُعد، بدون الحاجة إلى أي إعدادات.

كانت ميزة تصحيح الأخطاء عن بُعد لعدة عملاء المشكلة الأكثر شيوعًا في "أدوات مطوّري البرامج" على crbug.com، والثالثة على مستوى مشروع Chromium بأكمله. تتيح ميزة دعم عدة عملاء أيضًا العديد من الفرص الشيقة لدمج أدوات أخرى مع DevTools، أو استخدام هذه الأدوات بطرق جديدة. على سبيل المثال:

  • يمكن الآن تشغيل برامج البروتوكولات، مثل ChromeDriver أو إضافات تصحيح الأخطاء في Chrome لكلّ من VS Code وWebstorm، وبرامج WebSocket، مثل Puppeteer، في الوقت نفسه الذي يتم فيه تشغيل "أدوات مطوّري البرامج".
  • يمكن الآن لعميلَي بروتوكول WebSocket منفصلَين، مثل Puppeteer أو chrome-remote-interface، الاتصال بعلامة التبويب نفسها في الوقت نفسه.
  • يمكن الآن تشغيل إضافات Chrome التي تستخدم واجهة برمجة التطبيقات chrome.debugger في الوقت نفسه الذي يتم فيه تشغيل "أدوات مطوّري البرامج".
  • يمكن الآن لعدة إضافات مختلفة في Chrome استخدام واجهة برمجة التطبيقات chrome.debugger في علامة التبويب نفسها في الوقت نفسه.

Workspaces 2.0

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

تستند مساحات العمل 2.0 إلى الإصدار 1.0، وتضيف واجهة مستخدم أكثر فائدة وتحسّن عملية الربط التلقائي للرمز البرمجي الذي تم تحويله. كان من المقرر في الأصل طرح هذه الميزة بعد فترة وجيزة من "قمة مطوّري Chrome" (CDS) لعام 2016، ولكن أجّل الفريق طرحها لحلّ بعض المشاكل.

يمكنك الاطّلاع على الجزء "إنشاء المحتوى" (حوالي 14:28) من محاضرة DevTools من مؤتمر CDS 2016 لمعرفة طريقة عمل الإصدار 2.0 من "مساحات العمل".

أربع عمليات تدقيق جديدة

في الإصدار 63 من Chrome، تحتوي لوحة عمليات التدقيق على 4 عمليات تدقيق جديدة:

  • عرض الصور بتنسيق WebP
  • استخدِم صورًا بنسب عرض إلى ارتفاع مناسبة.
  • تجنَّب مكتبات JavaScript للواجهة الأمامية التي تتضمّن ثغرات أمنية معروفة.
  • تم تسجيل أخطاء المتصفح في "وحدة التحكّم".

اطّلِع على تشغيل Lighthouse في "أدوات مطوّري البرامج في Chrome" للتعرّف على كيفية استخدام لوحة عمليات التدقيق لتحسين جودة صفحاتك.

راجِع Lighthouse لمعرفة المزيد عن المشروع الذي يوفّر اللوحة عمليات التدقيق.

محاكاة الإشعارات الفورية باستخدام بيانات مخصّصة

تتوفّر ميزة محاكاة الإشعارات الفورية منذ فترة في "أدوات مطوّري Chrome"، ولكن مع قيد واحد، وهو أنّه لا يمكنك إرسال بيانات مخصّصة. ولكن مع توفّر مربّع النص الجديد Push في لوحة Service Worker في الإصدار 63 من Chrome، أصبح بإمكانك إجراء ذلك. جرِّب ذلك الآن:

  1. انتقِل إلى العرض التوضيحي لخدمة Simple Push.
  2. انقر على تفعيل الإشعارات الفورية.
  3. انقر على السماح عندما يطلب منك Chrome السماح بالإشعارات.
  4. افتح "أدوات مطوّري البرامج".
  5. انتقِل إلى لوحة مشغّلات الخدمات.

  6. اكتب شيئًا في مربّع النص إرسال.

    محاكاة إشعار فوري باستخدام بيانات مخصّصة

    الشكل 1 محاكاة إشعار فوري يتضمّن بيانات مخصّصة من خلال مربع النص Push في لوحة Service Worker

  7. انقر على إرسال لإرسال الإشعار.

    الإشعار الفوري المحاكى

    الشكل 2 الإشعار الفوري المحاكى

تفعيل أحداث المزامنة في الخلفية باستخدام علامات مخصّصة

كانت أحداث المزامنة في الخلفية متاحة أيضًا في لوحة العاملون في الخدمة لبعض الوقت، ولكن يمكنك الآن إرسال علامات مخصّصة:

  1. افتح "أدوات مطوّري البرامج".
  2. انتقِل إلى لوحة مشغّلات الخدمات.
  3. أدخِل بعض النص في مربّع النص المزامنة.
  4. انقر على مزامنة.

تشغيل حدث مزامنة مخصّص في الخلفية

الشكل 3 بعد النقر على مزامنة، ترسل "أدوات مطوّري البرامج" حدث مزامنة في الخلفية مع العلامة المخصّصة update-content إلى عامل الخدمة

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

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

التواصل مع فريق Chrome DevTools

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

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

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