Resources 面板允許你檢查應(yīng)用程序的本地資源,包括 IndexedDB, Web SQL 數(shù)據(jù)庫(kù),本地和會(huì)話(session)存儲(chǔ),cookies,以及應(yīng)用緩存資源。你也可以快速可視化檢查應(yīng)用資源,包括圖片、字體、以及樣式表。
你可以通過(guò)一個(gè)對(duì)象存儲(chǔ)記錄來(lái)審查你的 IndexedDB 數(shù)據(jù)庫(kù)和對(duì)象的存儲(chǔ)狀況及相關(guān)頁(yè)面,并且能夠清除對(duì)象存儲(chǔ)的記錄。
如果以頁(yè)面的方式查看對(duì)象存儲(chǔ)狀況,點(diǎn)擊 Previous 或者 Next Page 按鈕。你也可以通過(guò)指定記錄的鍵來(lái)選定記錄的起始分頁(yè)。
如果要清除對(duì)象存儲(chǔ)區(qū),下面有兩個(gè)方法:
要查看數(shù)據(jù)庫(kù)的屬性,在數(shù)據(jù)庫(kù)列表中選中它即可。
你可以檢查 Web SQL 數(shù)據(jù)庫(kù)的內(nèi)容,并且對(duì)其使用 SQL 命令。
你可以使用 SQL 命令來(lái)執(zhí)行查詢 Web SQL 數(shù)據(jù)庫(kù),并且能以表格格式查看查詢結(jié)果。當(dāng)你輸入一條命令或者表名的時(shí)候, DevTools 會(huì)提供代碼提示來(lái)告訴你支持的 SQL 命令和語(yǔ)句,以及數(shù)據(jù)庫(kù)中含有的全部表的名稱。
如果要在數(shù)據(jù)庫(kù)上執(zhí)行 SQL 命令:
cookies 資源選項(xiàng)卡允許你查看由 HTTP 頭或者 JavaScript 所創(chuàng)建的 cookies 的詳細(xì)信息。你可以清除特定域名下的個(gè)別 cookies,或者全部 cookies。
當(dāng)你展開(kāi) Cookies 目錄的時(shí)候,它會(huì)顯示主文檔下域名的列表以及全部加載的框架。選中“框架組”中的一條會(huì)顯示其全部的 cookies,包括那個(gè)框架下的全部資源。這種分組有兩個(gè)需要注意的地方:
選定組中的 cookie 會(huì)顯示下列字段:
你可以清除(刪除)單個(gè) cookie,選定組中的全部 cookie,或者某一個(gè)特定域名下的全部 cookie。如果給定的一個(gè)域名下的同一個(gè) cookie 被兩個(gè)組引用,刪除該域名下所有的 cookie 會(huì)影響到這兩個(gè)組。
要清除單個(gè) cookie,可以選擇下列兩種方式之一:
要清除特定組中的全部 cookie 有以下幾種方式:
要清除特定域名下的全部 cookie:
對(duì)于該操作請(qǐng)注意以下事項(xiàng):
你也可以刷新表來(lái)查看頁(yè)面 cookie 的變化。
要刷新 cookie 表,點(diǎn)擊資源面板底部的刷新按鈕。
你可以檢查 Chrome 已經(jīng)緩存的資源,這些資源由當(dāng)前文檔指明的的應(yīng)用緩存清單文件來(lái)決定。你可以查看程序應(yīng)用緩存的當(dāng)前狀態(tài)(比如,空閑狀態(tài)或者下載狀態(tài)),以及瀏覽器的連接狀態(tài)。(聯(lián)機(jī)或者脫機(jī))
已加載的資源會(huì)以表的形式顯示,表中每個(gè)資源都包含以下屬性:
Resources 面板上利用不同顏色的圖標(biāo)(綠,黃,紅)來(lái)顯示應(yīng)用緩存的當(dāng)前狀態(tài)。下面試可能出現(xiàn)的狀態(tài)值以及相應(yīng)的描述:
狀態(tài) | 描述 |
---|---|
空閑 | 應(yīng)用緩存處于空閑狀態(tài) |
檢查 | 正在載入配置文件并且檢查更新 |
下載 | 資源清單發(fā)生改變,新的資源正在下載并添加到緩存中 |
更新準(zhǔn)備 | 新版本的應(yīng)用緩存已經(jīng)可以使用了 |
過(guò)期 | 應(yīng)用緩存組已經(jīng)過(guò)期 |
本地以及會(huì)話存儲(chǔ)面板允許你瀏覽、編輯、創(chuàng)建和刪除使用 Web Storage API 創(chuàng)建的本地和會(huì)話存儲(chǔ)鍵值對(duì)。
要?jiǎng)h除鍵值對(duì),可采用下列方式之一:
要添加鍵值對(duì):
要編輯已有的鍵值對(duì),采取下列操作之一:
要刷新表中的數(shù)據(jù),點(diǎn)擊面板底部的刷新按鈕。
你可以查看主文檔的資源,包括圖片、腳本、字體以及所有加載項(xiàng)。頁(yè)面資源的頂級(jí)目錄是文檔項(xiàng),包括主要的文檔,以及嵌套的項(xiàng)。
你可以展開(kāi)某一項(xiàng)來(lái)查看按類型組織的資源,展開(kāi)某個(gè)類型來(lái)查看該類型的所有資源,以及選中某一資源在右邊面板中預(yù)覽其狀態(tài)。下面是一個(gè)字體資源的預(yù)覽:
圖片預(yù)覽包括了維度、文件大小、MIME 類型以及圖片 URL 等信息。
小提示:
更多建議: