تقوم Google بإعادة بناء Dart DevTools من الصفر في Flutter

الرفرفة هي أ إطار البرمجة عبر الأنظمة الأساسية، بهدف حل مشاكل تطوير التطبيقات عبر الأنظمة الأساسية دون فوضى التعليمات البرمجية غير الأصلية. من خلال المعرفة بلغة برمجة Dart، يمكن للمطور إنشاء تطبيقات لأنظمة Android وiOS والويب وسطح المكتب باستخدام واجهة مستخدم موحدة عبر الجميع. رفرفة 1.9 جلب دعم macOS وCatalina في حالة ألفا بينما كان أدى إصدار v1.12 إلى نضج دعمهم بعد حالة ما قبل ألفا و ال الإصدار 1.17 من Flutter والإصدار 2.8 من Dart تميزت بأول إصداراتها المستقرة في عام 2020. تطلق Google اليوم إصدارًا جديدًا من DevTools لتعليمات Dart وFlutter البرمجية، والتي تمت إعادة بنائها من البداية في Flutter وتأتي مع العديد من التحسينات.

في الإعلان السابق، ذكرت Google عزمها على استبدال الإصدار الحالي من Dart DevTools بإصدار Flutter جديد. لقد حدث هذا الآن حيث تمت إعادة بناء أدوات DevTools الجديدة من الصفر في Flutter. يضيف هذا الإصدار الجديد من DevTools تحسينات مثل التغييرات في صفحات الأداء والذاكرة، بالإضافة إلى صفحة شبكة جديدة تمامًا.

ولكن لماذا إعادة بناء شيء ما عندما لا يزال يعمل؟ يدعي الفريق الذي يقف وراء Flutter أن فوائد الإنتاجية مهمة عند بناء الأداء العالي واجهات المستخدم، وأفضل طريقة لإظهار الثقة في هذه الادعاءات هي اعتماد نفس الأدوات أنفسهم. تتيح عملية إعادة البناء في Flutter أيضًا للمطورين إمكانية تحديد نموذج توزيع بعد كتابة التعليمات البرمجية، وهو ما سيمكن المطورين من تحديد نموذج توزيع بعد كتابة التعليمات البرمجية هو خروج عن المخطط الانسيابي الحالي لصنع القرار حيث يملي نموذج التوزيع شفرة.

يتم شحن DevTools كتطبيق ويب يسهل دمج الأداة في تجربة الأدوات الحالية عبر جميع المنصات المستهدفة و IDEs. DevTools عبارة عن مجموعة مستقلة من الأدوات التي يتم تشغيلها في المتصفح، وتعمل مع تطبيقات الهاتف المحمول وتطبيقات سطح المكتب والويب تطبيقات.

تتضمن DevTools الميزات التالية:

• مفتش الرفرفة: أداة لتصور واستكشاف أشجار القطعة. يمكنك تحديد عناصر واجهة المستخدم في تطبيقك قيد التشغيل، وإبطاء جميع الرسوم المتحركة، ورؤية الخطوط الأساسية للنص، والمزيد.
  • إحدى الميزات الجديدة هي Layout Explorer والتي يمكنك العثور عليها في علامة التبويب Flutter Inspector بجوار شجرة التفاصيل. يتيح لك Layout Explorer فحص نموذج التخطيط المرن لـ Flutter. يقدم الفريق مثالاً لكيفية مساعدة هذه الأداة في تصحيح سبب عدم ظهور صف من الأدوات بالطريقة التي توقعها المطور، على سبيل المثال.

• عرض الجدول الزمني: يعرض أوقات البناء لكل إطار ومخطط اللهب. وهذا يجعل من السهل تحديد الإطارات الإشكالية في السياق.
  • يشتمل هذا الجزء الآن على زر Track Widget Builds الجديد الذي يضيف أوقات إنشاء جميع الأدوات الموجودة فيه تطبيقك إلى المخطط الزمني (على حساب أداء إنشاء ملفك الشخصي، لذلك لا يتم تشغيله بواسطة تقصير). يعد هذا مفيدًا عندما تحاول معرفة الأدوات التي تقع خلف إطار بطيء بالضبط.

• عرض ذاكرة: يوضح لك كيفية استخدام تطبيقك للذاكرة في لحظة معينة.
  • يعرض هذا العرض الآن خريطة تمثيلية للذاكرة المخصصة ويسمح بتتبع ذاكرة النظام الأساسي أيضًا.

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

• عرض الشبكة: هذا جديد تمامًا.
  • كما يوحي اسمه، فهو يتيح لك فحص حركة مرور الشبكة. يمكنك الاطلاع على السجل الكامل للطلبات التي قدمها تطبيقك منذ بدايته والحصول على معلومات مفصلة حول كل منها. وهذا يحررك من الاضطرار إلى تسجيل هذه الأحداث بنفسك عند محاولة تصحيح مشكلة في الشبكة.
  • تعرض علامة التبويب "الشبكة" حاليًا حركة مرور HTTP؛ تشمل التحسينات المستقبلية العرض حركة المرور العامة للإدخال/الإخراج.
  • تظهر طلبات الشبكة أيضًا في عرض المخطط الزمني حتى تتمكن من رؤيتها في السياق.
• عرض التسجيل: يعرض الأحداث من تطبيقك وإطار العمل. باستخدامه، يمكنك تصفية الرسائل بسهولة (على سبيل المثال، يمكنك تحديد "-gc" لتصفية أحداث Garbage Collector أو "flutter.frame" لإظهار أحداث الإطار فقط). في دارت، تسجيل الرسائل يمكن تنظيمها، ويستفيد عرض التسجيل من ذلك.

للاستفادة الكاملة من DevTools، يمكنك قراءة توثيق. إذا وجدت أي أخطاء، أو إذا كنت تريد التصويت على الميزات الجديدة، فيمكنك القيام بذلك جيثب.