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

Kayce Basques
Kayce Basques
X GitHub

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

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

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

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

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

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

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

مساحات العمل 2.0

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

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

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

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

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

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

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

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

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

تتوفّر ميزة محاكاة الإشعارات الفورية منذ فترة في "أدوات مطوّري البرامج"، ولكن مع قيد واحد، وهو أنّه لا يمكنك إرسال بيانات مخصّصة. ولكن مع توفّر مربّع النص الجديد 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 أو Dev أو Beta كمتصفّح تطوير تلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار أحدث واجهات برمجة التطبيقات لمنصة الويب، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يواجهها المستخدمون.

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

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

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

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