浏览器缓存是啥？
平时上网时，浏览器为了让你打开网页更快，会把一些图片、脚本、样式表之类的文件暂时存下来，这就是缓存。比如你常逛的购物网站，第二次打开时加载特别快，多半就是缓存起了作用。
但有时候页面更新了，你看到的还是旧内容，可能就是因为缓存没刷新。这时候就需要手动查看甚至清理缓存。下面说说主流浏览器怎么查看缓存内容。
Chrome 浏览器查看缓存
打开 Chrome，按 F12 或者右键选择“检查”，调出开发者工具。切换到 Network（网络）标签页，然后刷新页面。你会看到所有加载的资源，包括图片、JS、CSS 等。
点开任意一条请求，右侧 Details 里能看到是否从缓存加载（from cache 或 from memory cache）。如果想看缓存的具体文件，可以复制请求地址，在地址栏粘贴访问，或者用 Application 标签下的 Cache Storage 查看离线缓存。
Firefox 查看缓存步骤
在 Firefox 中同样按 F12 打开开发者工具，进入“网络”面板。刷新页面后，列表中会显示所有资源。右键表头可以添加“缓存状态”列，显示每个资源是否来自缓存。
如果需要查看更底层的缓存文件，可以在地址栏输入 about:cache，回车后就能看到内存和磁盘中的缓存条目，还能点击查看具体内容。
Safari 如何查看缓存
先要开启 Safari 的开发菜单。打开偏好设置 → 高级 → 勾选“在菜单栏中显示开发菜单”。之后顶部就会多出“开发”选项。
刷新页面后，点击“开发”→“显示网页检查器”，进入 Network 选项卡。操作方式和其他浏览器类似，每条请求都会标明是否从缓存加载。
Edge 浏览器缓存查看
Edge 基于 Chromium，操作和 Chrome 一模一样。按 F12 → Network 标签 → 刷新页面，观察资源加载情况。from cache 就表示走了缓存。
另外也可以在地址栏输入 edge://settings/clearBrowserData，进入清理数据页面，虽然不能直接查看缓存文件，但能清楚知道哪些站点存了缓存。
快速清空缓存的小技巧
如果你只是想彻底刷新页面，跳过缓存，可以按 Ctrl + F5（Windows）或 Cmd + Shift + R（Mac），强制从服务器重新加载。
还有一种方式是在 Network 面板勾选 “Disable cache”（禁用缓存），这样所有请求都不会使用本地缓存，适合调试网页更新问题。
了解这些方法后，下次遇到网页加载异常或者内容没更新，就知道该去哪找问题了。缓存不是黑箱，掌握查看方式，排查问题快得多。