浏览器如何查看页面缓存内容？

浏览器有多种缓存，包括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等，有兴趣的可以自行研究一下。