پروژه angular-devtools

rangle/angular-devtools

این ابزار قبلاً توسط تیم rangle توسعه می‌شد، اما اکنون به سازمان Angular منتقل شده است.

این یک افزونه یا ابزار توسعه‌ای برای دیباگ و بررسی برنامه‌های Angular در مرورگر است، مشابه React DevTools.

کاربرد:

کمک می‌کنه تا ساختار کامپوننت‌ها، وضعیت (state)، وابستگی‌ها (injectors)، و روتینگ در اپلیکیشن‌های Angular رو به راحتی مشاهده و دیباگ کنید.

در چه شرایطی بهتره استفاده شود؟

وقتی دارید روی یک پروژه Angular کار می‌کنید و نیاز دارید سریع متوجه بشید چه کامپوننتی رندر شده، چه داده‌هایی درونش هست، یا مشکل روتینگ/اینجکشن کجاست.

چند مثال از موارد استفاده:

بررسی سلسله مراتب کامپوننت‌ها در زمان اجرا

دیدن مقدار متغیرهای input و state بدون نیاز به console.log

ردیابی مشکلات در Dependency Injection

بررسی وضعیت فعلی Router و مسیرهای فعال