我想所有开发者都经历过这种情况。我们修改了样式，然后请客户审核，结果他们说看起来和以前一模一样。然后，我们还要指导客户进行“Shift-重新加载”或清空浏览器缓存——这个额外的步骤对一些客户来说可能听起来像晦涩难懂的官样文章。
为什么会发生这种情况？
为了限制对样式表和 JavaScript 文件等资源 监控你的广告频率 的昂贵网络请求的数量，浏览器会在计算机的本地硬盘或内存中存储这些文件的本地副本。由于样式和 JavaScript 很少更改，因此通常无需重复下载相同的文件。从硬盘检索文件比从互联网上抓取文件的加载速度更快。这样做还有助于限制访问网站服务器的流量，使其他请求更快，并减轻网站服务器的压力。要
了解浏览器中缓存的项目，您可以打开浏览器的开发者工具并转到“网络”选项卡。在 Macintosh 版 Chrome 浏览器中，开发者工具位于“查看”>“开发者”>“开发者工具” ，在 Windows 版Chrome 浏览器中，位于“更多工具”>“开发者工具”。
打开开发者工具后，请务必取消选中“禁用缓存”选项。如果浏览器的缓存被禁用，则不会缓存任何内容，此演示将无法运行。如果您是开发者，并且希望确保在工作时看到最新的更改，那么这是一个实现此目标的好方法。
网络选项卡中的禁用缓存选项
取消选中“禁用缓存”后，打开一个网页，保持开 识别赞助结果 发者工具的“网络”选项卡打开。可以是任何页面，即使是这个页面。“网络”面板将显示您加载的页面上所有已加载的资源。这包括图片、JavaScript、样式表，甚至页面本身的底层 HTML。您将看到每个下载项目的大量信息。“网络”面板有一列是“大小”，正如您可能猜到的那样，它显示了下载项目的大小。如果您在列表中没有看到“大小”，您可以右键单击下载列表的标题，然后自定义要显示的列。
自定义网络面板中显示的列
现在，此列中显示的文件大小有一个例外。当文件 上次审核 根 本不是通过网络访问，而是通过浏览器的缓存访问时，就会发生这种情况。浏览器会将一些内容缓存在计算机磁盘上，并将一些内容缓存在内存中。
网络面板中的大小示例
如果你观察加载元素所需的时间，你会发现磁盘缓存通常比通过网络访问元素快得多，而内存缓存则更快。这对于性能来说非常有利。然而，当客户想要查看其网站上样式表的更改时，情况就不那么好了。
您的网络面板还打开着吗？如果是，您可以查看“Shift 重新加载”带来的不同。按住键盘上的 Shift 键，点击浏览器的重新加载按钮。大多数来自磁盘或内存缓存的相同资源现在将显示其文件大小，因为 Shift 重新加载会告诉浏览器获取所有这些文件的新副本。这允许用户查看所做的任何更改，并帮助开发重回正轨。