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

Kayce Basques

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

تابع القراءة أو شاهد الفيديو أدناه لمعرفة المزيد!

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

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

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

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

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

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

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

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

تحقق من قسم "التأليف" الجزء (حوالي 14:28) من محادثة "أدوات مطوري البرامج" من CDS 2016 للاطّلاع على Workspace 2.0 عمليًا.

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

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

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

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

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

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

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

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

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

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

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

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

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

    الشكل 2. الإشعارات الفورية التي تمت محاكاتها

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

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

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

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

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

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

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

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

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

  • يمكنك إرسال اقتراح أو ملاحظات إلينا عبر crbug.com.
  • الإبلاغ عن مشكلة في "أدوات مطوري البرامج" باستخدام خيارات إضافية   المزيد > مساعدة > الإبلاغ عن مشاكل في "أدوات مطوري البرامج" في "أدوات مطوري البرامج"
  • يمكنك نشر تغريدة على @ChromeDevTools.
  • شارِك في التعليقات على الميزات الجديدة في فيديوهات YouTube أو نصائح حول أدوات مطوّري البرامج فيديوهات YouTube.

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

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