浏览器缓存是啥？为啥要查看
你有没有遇到过网页加载出错，图片显示不出来，或者明明改了内容却还是旧样子？这很可能是因为浏览器把之前的数据存在了缓存里。缓存本意是让网页打开更快，但有时候也会“好心办坏事”。这时候，知道怎么查看和清理缓存就特别实用。
比如你在手机上看了个商品页面，换了账号再看，价格还是原来的，大概率就是缓存搞的鬼。学会查看缓存，问题就能迎刃而解。
主流浏览器怎么查看缓存
不同浏览器操作略有差别，下面几个是最常用的查看方法，照着做就行。
Chrome 浏览器（电脑端）
打开你想查看的网页，按下键盘上的 F12，或者右键点击页面任意位置，选择“检查”。
在弹出的开发者工具中，切换到 Network（网络）标签页。刷新一下页面，你会看到一堆加载的资源文件，比如图片、JS、CSS。每一行都显示了是否从缓存读取——如果 Size 列显示的是 “(memory cache)” 或 “(disk cache)”，那就说明这个文件用了缓存。
<!-- 示例：Network 面板中某行数据 -->
Request URL: https://example.com/style.css
Status: 200 (from disk cache)
Type: stylesheet手机 Chrome 怎么看
安卓手机也能看，但需要电脑配合。先在手机设置里打开“USB 调试”，用数据线连电脑。然后在电脑版 Chrome 地址栏输入 chrome://inspect，就能看到手机正在访问的页面。点“inspect”打开调试面板，操作方式和电脑一样。
Safari 浏览器（苹果设备）
先开启开发者菜单：打开 Safari → 偏好设置 → 高级 → 勾选“在菜单栏中显示‘开发’菜单”。
刷新网页后，点击顶部菜单的“开发”→“进入响应式设计模式”或直接选“显示网页检查器”。切换到“网络”标签，所有请求一目了然，缓存情况也清清楚楚。
Edge 和 Firefox 类似操作
Edge 浏览器和 Chrome 几乎一样，F12 打开开发者工具，看 Network 标签就行。
Firefox 打开方式也类似，F12 后选择“网络”面板，刷新页面即可查看哪些资源走了缓存。
不想查细节？直接清缓存更省事
如果你只是想解决页面异常，不非得一个个看缓存文件，可以直接清空。
Chrome：点右上角三个点 → 设置 → 隐私和安全 → 清除浏览数据 → 选择“已缓存的图片和文件”，时间范围选“所有时间”，点清除。
手机端也在这路径下，操作更简单。清完再刷新页面，看到的就是最新内容了。
家里老人用手机总说“页面打不开”，其实很多时候清个缓存就好了，比重装App快多了。
小技巧：用无痕模式绕过缓存
不想动设置，也可以直接用无痕窗口打开网页。快捷键 Ctrl+Shift+N（Windows）或 Cmd+Shift+N（Mac），新打开的页面不会用旧缓存，适合临时验证问题是不是出在缓存上。
这个方法特别适合帮亲戚朋友远程排查网页问题，让他们换个模式打开试试，不用教一堆步骤。