گوگل برای بررسی ساختار و عملکرد برنامه‌های ساخته شده با فریمورک انگولار (Angular)، افزونه Angular DevTools رو در بخش ابزار های توسعه گوگل کروم منتشر کرد.
Angular DevTools توسط گروه Rangle.io که متخصص ساخت ابزارهای پیشرفته هستن، توسعه داده شده. این افزونه در 18 May یا 28 اردیبهشت معرفی شده. Angular DevTools تمرکزش رو روی به تصویر کشیدن ساختار کامپوننت ها و درک تشخیص تغییرات در حال اجرا گذاشته. این افزونه روی فروشگاه وب کروم (Chrome Web Store) موجوده و میتونید ازش استفاده کنید.
Angular DevTools مشابه ابزار خطایابی Augury که توسط Rangle.io برای انگولار ساخته شده هستش. این ابزار یه اکسپلورر (جستجوگر) کامپوننت رو برای پیش نمایش ساختار برنامه ارائه میده. همچنین یه مرور کلی از چرخه تغییراتی که شناسایی میکنه رو نمایش میده. این امکانات کمک میکنه تا گلوگاه های کارایی (performance) برنامه مشخص بشه. توسعه دهنده هارو قادر میکنه تا 60 فریم در ثانیه تجربه تحویل بدن. یه تب پروفایلر فردی، شناسایی چرخه تغییرات، عوامل تحریک کننده و مدت زمانی که انگولار برای اون‌ها صرف کرده رو نشون میده. چرخه‌های تشخیص تغییر رو میشه در لحظه و بصورت آنی مشاهده کرد.
افزونه Angular DevTools برنامه های ساخته شده با Angular 9 به بعد رو پشتیبانی میکنه. نسخه های بعدی این افزونه با استفاده از تاثیر گذارترین ویژگی‌ها بر اساس درخواست‌ها و مشکلات عملکردی، با استفاده از Augury برطرف میشه. Angular DevTools بخشی از یک ابزار توسعه وب هستش. این ابزار شامل Angular CLI ، سرویس زبان (language service) ، PWA (برنامه های وب پیشرفته) و کامپوننت ها میشه.
Angular 12 آخرین نسخه موجود این فریمورک توسعه دهنده وب مبتنی بر TypeScript گوگل هستش که در 12 May یا 22 اردیبهشت منتشر شد.
منبع : infoworld.com