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

Kayce Basques

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

يمكنك الاطّلاع على المزيد من المعلومات من خلال قراءة المقالة أو مشاهدة الفيديو أدناه.

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

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

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

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

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

Workspaces 2.0

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

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

يمكنك الاطّلاع على الجزء "الإنشاء" (حوالي الساعة 14:28) من محادثة DevTools من CDS 2016 للاطّلاع على Workspaces 2.0 أثناء استخدامها.

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

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

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

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

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

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

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

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

  6. اكتب أي نص في مربّع نص الدفع.

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

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

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

    الإشعار الفوري الذي تمّت محاكاته

    الشكل 2: الإشعار الفوري الذي تمّت محاكاته

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

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

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

بدء حدث مخصّص للمزامنة في الخلفية

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

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

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

التواصل مع فريق "أدوات مطوّري البرامج في Chrome"

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

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

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