Dale St. Marthe
از پنل Application برای بررسی، اصلاح و اشکالزدایی بسیاری از جنبههای برنامه وب خود از جمله مانیفست، سرویس ورکرها، فضای ذخیرهسازی و دادههای کش استفاده کنید.
نمای کلی
پنل برنامهها به چهار بخش شامل زیرمنوها تقسیم شده است. این بخشها و زیرمنوها در زیر آمدهاند:
Application : شامل اطلاعات کلی در مورد برنامه از جمله manifest، service workerها و فضای ذخیرهسازی آن است.
- تب Manifest اطلاعات فایل
manifest.jsonرا به شیوهای کاربرپسند ارائه میدهد. همچنین خطاها و هشدارها را در صورت وجود، در بخش مربوطه نمایش میدهد. - تب Service workerها به شما امکان میدهد با شبیهسازی رویدادهای push، بهروزرسانی یک سرویس و موارد دیگر، service workerها را بررسی و اشکالزدایی کنید.
- تب Storage شامل یک نمودار دایرهای است که توزیع حافظه مورد استفاده توسط cache storage، IndexedDB و service workerها را نشان میدهد. همچنین میتوانید دادههای سایت را پاک کرده و یک سهمیه ذخیرهسازی سفارشی را شبیهسازی کنید.
ذخیرهسازی : روشهای مختلف ذخیرهسازی مورد استفاده توسط یک برنامه وب را مشاهده و ویرایش کنید.
- فهرستهای ذخیرهسازی محلی و جلسهای به شما امکان میدهند یک مبدأ را انتخاب کنید و جفتهای کلید-مقدار روشهای ذخیرهسازی مرتبط را ویرایش کنید.
- لیست IndexedDB شامل پایگاههای داده است و به شما امکان میدهد تا مخازن شیء را از طریق مرورگر بررسی کنید.
- لیست کوکیها به شما امکان میدهد یک مبدا انتخاب کنید و جفتهای کلید-مقدار را ویرایش کنید.
- توکنهای وضعیت خصوصی و گروههای ذینفع به شما امکان میدهند توکنها و گروههای مربوطه را در صورت وجود بررسی کنید.
- فهرست ذخیرهسازی مشترک به شما امکان میدهد یک مبدأ را انتخاب کنید و جفتهای کلید-مقدار مرتبط را بررسی و ویرایش کنید.
- لیست ذخیرهسازی کش (Cache storage list) شامل کشهای موجود است و به شما امکان میدهد منابع آنها را بررسی، فیلتر و حذف کنید.
سرویسهای پسزمینه : سرویسهای پسزمینه را بررسی، آزمایش و اشکالزدایی کنید.
- تب Back/forward cache به شما امکان میدهد تا تستهایی را روی back/forward cache در مرورگر اجرا کنید. همچنین مشکلاتی را که ممکن است مانع از back/forward cache شوند، گزارش میدهد.
- تب Background Fetch به شما امکان میدهد فعالیتها را از Background Fetch API تا سه روز ثبت کنید.
- تب همگامسازی پسزمینه به شما امکان میدهد فعالیتها را از API همگامسازی پسزمینه تا سه روز ضبط کنید.
- تب کاهش ردیابی پرش به شما امکان میدهد وضعیت سایتهایی را که به نظر میرسد ردیابی بین سایتی را با استفاده از تکنیک ردیابی پرش انجام میدهند، شناسایی و حذف کنید.
- تب اعلانها به شما امکان میدهد پیامهای فوری را تا سه روز ضبط کنید.
- تب مدیریت پرداخت به شما امکان میدهد رویدادهای مدیریت پرداخت را تا سه روز ثبت کنید.
- تب همگامسازی دورهای پسزمینه به شما امکان میدهد رویدادهای کلیدی را تا سه روز در چرخه عمر همگامسازی دورهای پسزمینه، مانند ثبتنام برای همگامسازی، انجام همگامسازی پسزمینه و لغو ثبتنام، ثبت کنید.
- تب Speculative loads به شما امکان اشکالزدایی Speculative Loads را میدهد. این تب وضعیت Speculative، مجموعه قوانین و تلاشهای Speculative Loading را نشان میدهد.
- تب پیامرسانی فوری به شما امکان میدهد پیامهای فوری را تا سه روز ضبط کرده و آنها را ثبت کنید.
- تب گزارش API، سایت شما را رصد میکند و فراخوانیهای API منسوخشده و نقضهای امنیتی را گزارش میدهد.
- تب « جلسات مرتبط با دستگاه» به شما امکان میدهد اطلاعات مربوط به جلسات مرتبط با دستگاه را مشاهده کرده و رویدادهای مرتبط را بررسی کنید.
فریمها : صفحات و منابع را به چندین نما تقسیم میکند و اطلاعات مرتبط مانند امنیت و جداسازی ، سیاست امنیتی محتوا ، در دسترس بودن API و موارد دیگر را نمایش میدهد.
پنل برنامه را باز کنید
برای باز کردن پنل برنامهها :
- ابزار توسعه (DevTools) را باز کنید .
- منوی Command را با فشار دادن موارد زیر باز کنید:
- macOS: فرمان + شیفت + P
- ویندوز، لینوکس، کروم او اس: کنترل + شیفت + پی
- شروع به تایپ کردن
applicationکنید، Show Application را انتخاب کنید و Enter را بزنید. DevTools پنل Application را در بالای پنجره DevTools شما نمایش میدهد.
همچنین میتوانید پنل برنامهها را به روشهای زیر باز کنید:
- در نوار عملیات بالا، روی More panels کلیک کنید و از لیست کشویی، Application را انتخاب کنید.
- در گوشه بالا سمت راست، گزینههای بیشتر > ابزارهای بیشتر > برنامه را انتخاب کنید.