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、ScriptsStylesheets等資源。最后一個(gè)就是主文件自身。

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

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式