از پنل Application برای بازرسی، اصلاح و اشکال زدایی بسیاری از جنبه های برنامه وب خود از جمله مانیفست، سرویس دهنده ها، ذخیره سازی و داده های حافظه پنهان استفاده کنید.
بررسی اجمالی
پنل برنامه به چهار بخش شامل منوهای فرعی تقسیم شده است. بخش ها و زیر منوها در زیر آمده است:
برنامه : حاوی اطلاعات جامعی درباره برنامه از جمله مانیفست، سرویس‌دهندگان و فضای ذخیره‌سازی آن است.
- برگه Manifest اطلاعات را از
manifest.jsonبه روشی کاربرپسند ارائه می دهد. همچنین خطاها و هشدارها را در صورت وجود در قسمت مربوطه نمایش می دهد. - برگه Service Workers به شما این امکان را می‌دهد تا با شبیه‌سازی رویدادهای فشار، به‌روزرسانی یک سرویس و موارد دیگر، کارکنان سرویس را بازرسی و اشکال‌زدایی کنید.
- برگه Storage شامل نمودار دایره ای است که توزیع حافظه مورد استفاده توسط حافظه نهان، IndexedDB و کارگران سرویس را نشان می دهد. همچنین می توانید داده های سایت را پاک کنید و سهمیه ذخیره سازی سفارشی را شبیه سازی کنید.
ذخیره سازی : روش های مختلف ذخیره سازی مورد استفاده توسط یک برنامه وب را مشاهده و ویرایش کنید.
- فهرست‌های ذخیره‌سازی محلی و جلسه به شما امکان می‌دهند یک مبدا را انتخاب کنید و جفت‌های کلید-مقدار روش‌های ذخیره‌سازی مرتبط را ویرایش کنید.
- فهرست IndexedDB شامل پایگاه‌های داده است و به شما امکان می‌دهد ذخیره‌های اشیاء را از مرورگر بررسی کنید.
- لیست کوکی ها به شما امکان می دهد یک مبدا را انتخاب کنید و جفت های کلید-مقدار را ویرایش کنید.
- نشانه‌های دولتی خصوصی و گروه‌های علاقه به شما امکان می‌دهند توکن‌ها و گروه‌های مربوطه را در صورت وجود بازرسی کنید.
- فهرست ذخیره‌سازی مشترک به شما امکان می‌دهد یک مبدا را انتخاب کنید و جفت‌های کلید-مقدار مرتبط را بررسی و ویرایش کنید.
- لیست ذخیره سازی کش حاوی حافظه های پنهان موجود است و به شما امکان می دهد منابع آنها را بررسی، فیلتر و حذف کنید.
خدمات پس‌زمینه : خدمات پس‌زمینه را بازرسی، آزمایش و اشکال‌زدایی کنید.
- برگه Back/Forward Cache به شما امکان می‌دهد آزمایش‌هایی را روی حافظه نهان عقب و جلو در مرورگر اجرا کنید. همچنین مشکلاتی را گزارش می‌کند که ممکن است مانع از ذخیره‌سازی عقب و جلو شوند.
- تب Background Fetch به شما امکان می دهد تا حداکثر سه روز فعالیت را از Background Fetch API ضبط کنید.
- برگه همگام‌سازی پس‌زمینه به شما امکان می‌دهد تا سه روز فعالیت را از Background Sync API ضبط کنید.
- برگه کاهش ردیابی جهش به شما امکان می دهد وضعیت سایت هایی را که به نظر می رسد با استفاده از تکنیک ردیابی پرش ردیابی بین سایتی انجام می دهند شناسایی و حذف کنید.
- تب اعلان‌ها به شما امکان می‌دهد پیام‌های فشاری را تا سه روز ضبط کنید.
- تب Payment handler به شما امکان می دهد رویدادهای Payment Handler را تا سه روز ضبط کنید.
- برگه همگام‌سازی پس‌زمینه دوره‌ای به شما امکان می‌دهد رویدادهای کلیدی را تا سه روز در چرخه عمر همگام‌سازی دوره‌ای پس‌زمینه ضبط کنید، مانند ثبت‌نام برای همگام‌سازی، انجام همگام‌سازی پس‌زمینه، و لغو ثبت.
- تب Speculative loads به شما امکان می دهد بارهای گمانه زنی را اشکال زدایی کنید. وضعیت گمانه‌زنی، مجموعه‌های قوانین و تلاش‌های بارگذاری احتمالی را نشان می‌دهد.
- برگه پیام‌رسانی فشاری به شما امکان می‌دهد پیام‌های فشاری را تا سه روز ضبط کرده و آنها را ثبت کنید.
- برگه Reporting API سایت شما را نظارت می کند و تماس های API منسوخ شده و نقض های امنیتی را گزارش می دهد.
Frames : صفحات و منابع را به چند نما تقسیم می‌کند و اطلاعات مرتبط مانند امنیت و جداسازی ، خط‌مشی امنیت محتوا ، در دسترس بودن API و موارد دیگر را نمایش می‌دهد.
پنل برنامه را باز کنید
برای باز کردن پنل برنامه :
- DevTools را باز کنید .
- منوی Command را با فشار دادن:
- macOS: Command + Shift + P
- Windows، Linux، ChromeOS: Control + Shift + P
- شروع به تایپ
applicationکنید، Show Application را انتخاب کنید و Enter را فشار دهید. DevTools پنل Application را در بالای پنجره DevTools شما نمایش می دهد.
همچنین، می‌توانید پنل Application را به روش‌های زیر باز کنید:
- در نوار اقدام در بالا، روی double_arrow بیشتر پانل ها کلیک کنید و Application را از لیست کشویی انتخاب کنید.
- در گوشه بالا سمت راست، more_vert گزینه‌های بیشتر > ابزارهای بیشتر > برنامه را انتخاب کنید.