在做前端调试时，最头疼的莫过于明明改了服务器上的代码，浏览器加载出来的还是旧版本。

这时候，Safari 开发者工具里的“忽略网络缓存”功能就派上大用场了。

它的目标是解决页面因缓存加载旧资源的问题。

但它可不是一个全局开关，而是在当前调试会话里临时生效的一个小技巧。

它专门让刷新时绕过本地缓存，强制请求服务器上的最新资源。

本质上，这个“忽略网络缓存”功能，就是开发者工具 Network 面板里的停用缓存（Disable Cache）选项。

它只在网页检查器开启的状态下，对当前的调试会话有效。

一旦勾选，每次刷新都会绕过本地缓存，直接向服务器发起请求，确保你看到的是最新结果。

第一步：先打开“开发”菜单

这是所有后续操作的基础，具体步骤如下：

• 打开 Safari，点击顶部菜单栏的 Safari → 设置（或偏好设置）
• 切换到高级标签页
• 勾选在菜单栏中显示“开发”菜单
• 关闭设置窗口，顶部菜单栏就会多出一个“开发”选项

第二步：打开网页检查器并启用停用缓存

这个关键设置就藏在 Network（网络）面板里，需要手动开启。

• 确保目标网页已经在浏览器中打开并处于前台状态
• 点击顶部菜单栏的 开发 → 显示网页检查器（或按 Command + Option + I 快捷键）
• 在检查器顶部标签中，找到并点击 Network（网络）
• 在右上角，你会看到一个 Disable cache（停用缓存）的复选框（图标一般是一个带斜杠的缓存符号），把它勾选上即可

第三步：验证一下效果

设置完成之后，试试看刷新网页（Command + R），你会发现效果立竿见影：

• 在 Network 面板里，每条请求的 Size 列中，以前常见的“from disk cache”或“from memory cache”明显减少了
• 如果看到大量 200 OK（from server） 的标识，说明缓存已经被成功绕过了，请求直接发向了服务器
• 注意：这个设置只在检查器保持打开且“Disable cache”复选框被勾选时才有效。关闭检查器或取消勾选后，浏览器就会恢复默认的缓存行为

第四步：iOS 真机调试同理

在真机上调试 H5 页面时，这个规则同样适用。

操作路径和 Mac 端很相似：

• 确保你的 iPhone 上已经开启了 设置 → Safari → 高级 → Web 检查器
• 用数据线连接 Mac 后，在 Mac 版 Safari 的 开发 菜单里，会看到你的设备名称和对应的页面 URL
• 点击进去打开网页检查器，同样在 Network 面板中勾选 Disable cache 即可
• 之后，无论是在手机端手动刷新，还是点击检查器左上角的刷新按钮，请求都会直接走服务器

《夸克》非常好用的免费AI浏览器

下载APP查看