1. 程式人生 > >瀏覽器如何檢視頁面快取內容?

瀏覽器如何檢視頁面快取內容?

瀏覽器有多種快取,包括cookie,localStorage,sessionStorage。檢視快取可以用程式碼或者在瀏覽器控制檯檢視,下面介紹具體操作方法。

用程式碼檢視

  1. 1

    在瀏覽器控制檯輸入localStorage,可以檢視localStorage的值

    瀏覽器如何檢視頁面快取內容?

  2. 2

    sessionStorage操作方法一樣

    瀏覽器如何檢視頁面快取內容?

  3. 3

    執行"document.cookie"可以檢視頁面cookie內容,但直接檢視的話,所有值會顯示為一行,用;隔開

    瀏覽器如何檢視頁面快取內容?

  4. 4

    document.cookie.split(";")

    這樣按";"拆分成陣列看得比較清楚一些

    瀏覽器如何檢視頁面快取內容?

    END

控制檯Resources檢視

  1. 按f12,點選Resources標籤頁

     

    可以看到Local Storage,Session Storage, Cookies

    瀏覽器如何檢視頁面快取內容?

  2. 它們每一個都按不同域名儲存,點選一個域名,可以看到裡面具體的快取內容。

    瀏覽器如何檢視頁面快取內容?

  3. 裡面還有許多其他快取,如WebSql等,有興趣的可以自行研究一下。

    瀏覽器如何檢視頁面快取內容?