دواتولز اینرشیا اومد روی کروم وباستور
لاراول
پیاچپی
فرانتاندخلاصهٔ کاملتر
پل ردموند تو لاراولنیوز نوشته که Inertia DevTools حالا روی کروم وباستور در دسترسه. افزونه یه پنل به اسم Inertia به دواتولز کروم اضافه میکنه که هر ویزیت اینرشیا رو ضبط میکنه و نشون میده چی فرستاده شده و چی برگشته.
درخواستها سمت چپ تو یه تایملاین لیست میشن و تا وقتی یکی در جریانه یه نشونگر زنده داره. میشه بر اساس متد، نوع درخواست یا وضعیت فیلترشون کرد و بین URLها و کامپوننتها سرچ زد. درخواستهای مرتبط هم با هم گروه میشن، یعنی یه ویزیت بههمراه ریلودهای جزئیش، لودهای deferred، پولها، prefetchها و درخواستهای اعتبارسنجی Precognition همه تو یه ورودی میمونن و لیست رو شلوغ نمیکنن.
با انتخاب هر درخواست چهار تب باز میشه: Props همهٔ پراپها رو درختی نشون میده و با بج مشخص میکنه کدوم deferred، optional، merged یا shared هست؛ HTTP هدر و بادی درخواست و پاسخ رو میده؛ Route اسم روت مچشده، URI و اکشن کنترلر رو؛ و Page وضعیت کامل صفحه بعد از اینکه اینرشیا پاسخ رو هندل کرده، شامل دادههایی که از ریلودهای جزئی merge شدن.
ارجاعهای فایل هم مستقیم به ادیتور لینک میشن و VS Code، PhpStorm، Cursor و Zed از همون اول پشتیبانی میشن؛ برای Sublime Text باید یه هندلر URL scheme نصب کنی. یه نکتهٔ خوب دیگه اینه که بعضی تعاملها اصلاً به سرور نمیرسن و برای همین تو تب Network چیزی نشون داده نمیشه؛ ویزیتهای سمت کلاینت و درخواستهایی که از کش prefetch سرو میشن، خودشون بهعنوان ورودی جدا تو تایملاین ثبت میشن، پس یه ناوبری که از کش جواب گرفته هم چیزیه که میتونی بازش کنی و ببینی.
دربارهٔ حریم خصوصی، دادههای ضبطشده تو storage/inertia-devtools نوشته و خودکار هرس میشن؛ مدت نگهداری، محدودیتها و مسیرش زیر devtools.storage تو config/inertia.php قابل تنظیمه و هیچی به سرویس بیرونی فرستاده نمیشه. کلیدهای پراپ و هدرهای حساس مثل پسورد، توکن و authorization قبل از ذخیره ردکت میشن و لیستشون زیر devtools.redact تنظیمشدنیه؛ روتهای ابزارهایی مثل Telescope و Horizon هم از ضبط کنار گذاشته شدن.
برای شروع لازم نیست پکیجی نصب کنی، فقط آداپتر سمت کلاینت باید ^3.6 و آداپتر لاراول ^3.2 باشه و سرور توسعهٔ Vite بالا باشه. سورس افزونه هم روی گیتهاب با لایسنس MIT هست.
نکات کلیدی:
- پنل Inertia تو دواتولز کروم هر ویزیت رو تو یه تایملاین قابل فیلتر و جستوجو ضبط میکنه
- چهار تب Props، HTTP، Route و Page کل چرخهٔ یه درخواست رو نشون میدن
- ویزیتهای سمت کلاینت و جوابهای کش prefetch هم ثبت میشن، با اینکه تو Network نیستن
- دادهها فقط محلی تو storage/inertia-devtools میمونن و به جایی فرستاده نمیشن
- کلیدها و هدرهای حساس قبل از ذخیره ردکت میشن و لیستشون تنظیمشدنیه
- پکیجی برای نصب نیست؛ فقط آداپتر کلاینت ^3.6 و آداپتر لاراول ^3.2 لازمه
