Application面板簡介
該面板主要是記錄網(wǎng)站加載的所有資源信息，包括存儲(chǔ)數(shù)據(jù)（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、緩存數(shù)據(jù)、字體、圖片、腳本、樣式表等。
這個(gè)面板跟前前面幾道硬菜（Network面板、Timeline面板、Profiles面板）比起來簡單多了，這里就稍微作一下介紹：
- Local Storage 如果你在開發(fā)過程中使用了local storage來存儲(chǔ)鍵值對(duì)(KVPs)，那么你就可以通過Local Storage窗格來檢查、新增、修改、刪除這個(gè)鍵值對(duì)。
- Application Cache 你可以使用Application Cache窗格去查看通過Application Cache API創(chuàng)建的資源。
- Frames 將頁面上的資源按frame類別進(jìn)行組織顯示。
Frames窗格
在上圖中可以查看到頂級(jí)的top是一個(gè)主文檔，在top下面是主文檔的Fonts、Images、Scripts、Stylesheets等資源。最后一個(gè)就是主文件自身。
在資源上右擊后在彈出菜單選擇Reveal in Network Panel，就會(huì)跳轉(zhuǎn)到Network面板并定位到該資源的位置。
