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

Kayce Basques

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. انتقِل إلى Simple Push Demo.
  2. انقر على تفعيل الإشعارات الفورية.
  3. انقر على السماح عندما يطلب منك Chrome السماح بالإشعارات.
  4. افتح "أدوات مطوري البرامج".
  5. انتقِل إلى جزء Service Workers.

  6. اكتب أي شيء في مربّع النص Push (إرسال).

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

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

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

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

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

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

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

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

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

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

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 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

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 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

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome