Application面板簡介

該面板主要是記錄網(wǎng)站加載的所有資源信息,包括存儲數(shù)據(jù)(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)、緩存數(shù)據(jù)、字體、圖片、腳本、樣式表等。

這個面板跟前前面幾道硬菜(Network面板、Timeline面板Profiles面板)比起來簡單多了,這里就稍微作一下介紹:

  • Local Storage 如果你在開發(fā)過程中使用了local storage來存儲鍵值對(KVPs),那么你就可以通過Local Storage窗格來檢查、新增、修改、刪除這個鍵值對。
  • Application Cache 你可以使用Application Cache窗格去查看通過Application Cache API創(chuàng)建的資源。
  • Frames 將頁面上的資源按frame類別進行組織顯示。

Frames窗格

在上圖中可以查看到頂級的top是一個主文檔,在top下面是主文檔的Fonts、Images、Scripts、Stylesheets等資源。最后一個就是主文件自身。

在資源上右擊后在彈出菜單選擇Reveal in Network Panel,就會跳轉到Network面板并定位到該資源的位置。

網(wǎng)友評論