为什么客户看不到我所做的更改？
Posted: Wed Dec 18, 2024 5:42 am
网站设计与开发
我想所有开发人员都经历过这种情况。我们更改了样式，并要求客户进行审核，结果他们说看起来和以前一模一样。然后，我们必须指导客户进行“shift-reload”或清空浏览器的缓存——对于某些客户来说，这一额外的步骤可能看起来像是晦涩难懂的官样文章。
为什么会发生这种情况？
为了限制对样式表和 JavaScript 文件等资产的昂贵网 西班牙怎么查询本机号码 络请求数量，浏览器将在计算机的本地硬盘或内存中存储这些文件的本地副本。由于样式和 JavaScript 很少更改，因此通常无需重复下载相同的文件。从硬盘检索文件比从互联网上抓取文件加载速度更快。这样做还有助于限制访问网站服务器的流量，使其他请求更快，并减轻网站服务器的压力。要了解浏览器中缓存的项目，您可以打开浏览器的开发人员工具并转到“网络”选项卡。在 Macintosh 版 Chrome 上，
开发人员工具位于视图 > 开发人员 > 开发人员工具下，在 Windows 版 Chrome 上，位于更多工具 > 开发人员工具下。
图像 - 为什么客户看不到我所做的更改？
Google Chrome 的 Web Inspector 工具中的网络选项卡。
打开开发者工具后，请务必取消选中“禁用缓存”选项。如果浏览器的缓存被禁用，则不会缓存任何内容，此演示将无法正常工作。如果您是开发人员，并且希望确保在工作时看到您所做的最新更改，那么这是一个实现该目标的好方法。
图片 1 - 为什么客户看不到我所做的更改？
网络选项卡中的禁用缓存选项。
取消选择“禁用缓存”后，打开一个网页，保持开发者工具的“网络”选项卡打开。它可以是任何页面 - 甚至是这个。网络面板将显示您加载的页面上的所有已加载资产。这将包括图像、JavaScript、样式表，甚至页面本身的底层 HTML。您将看到每个下载项目的大量信息。网络面板有一列是“大小”，您可能已经猜到了，它显示下载项目的大小。如果您在列表中没有看到“大小”，您可以右键单击下载列表的标题并自定义要显示的列。
图片 2 - 为什么客户看不到我所做的更改？
自定义网络面板中显示的列。
现在，此列中显示的文件大小有一个例外。当文件不是通过网络访问，而是通过浏览器的缓存访问时，就会发生这种情况。浏览器会将一些项目缓存在计算机磁盘上，将一些项目缓存在内存中。
图片 3 - 为什么客户看不到我所做的更改？
网络面板中尺寸的示例。
如果您查看加载元素所花费的时间，您会注意到磁盘缓存通常比通过网络访问项目快得多，而内存缓存则更快。这对于性能来说非常好。但是，当客户想要查看其网站上的样式表所做的更改时，情况就不那么好了。
您是否仍打开了网络面板？如果是，您可以查看“Shift 重新加载”带来的差异。按住键盘上的 Shift 键，单击浏览器的重新加载按钮。大多数来自磁盘或内存缓存的相同资产现在将显示其文件大小，因为 Shift 重新加载会告诉浏览器获取所有这些文件的新副本。这允许用户查看所做的任何更改，并有助于让开发重回正轨。Pulse
Marketing Agency 是一家位于缅因州班戈的全方位服务营销机构。
阅读我们的其他
查看上一篇博客文章
查看下一篇博客文章
安排您的免费咨询
让我们谈谈
我想所有开发人员都经历过这种情况。我们更改了样式，并要求客户进行审核，结果他们说看起来和以前一模一样。然后，我们必须指导客户进行“shift-reload”或清空浏览器的缓存——对于某些客户来说，这一额外的步骤可能看起来像是晦涩难懂的官样文章。
为什么会发生这种情况？
为了限制对样式表和 JavaScript 文件等资产的昂贵网 西班牙怎么查询本机号码 络请求数量，浏览器将在计算机的本地硬盘或内存中存储这些文件的本地副本。由于样式和 JavaScript 很少更改，因此通常无需重复下载相同的文件。从硬盘检索文件比从互联网上抓取文件加载速度更快。这样做还有助于限制访问网站服务器的流量，使其他请求更快，并减轻网站服务器的压力。要了解浏览器中缓存的项目，您可以打开浏览器的开发人员工具并转到“网络”选项卡。在 Macintosh 版 Chrome 上，
开发人员工具位于视图 > 开发人员 > 开发人员工具下，在 Windows 版 Chrome 上，位于更多工具 > 开发人员工具下。
图像 - 为什么客户看不到我所做的更改？
Google Chrome 的 Web Inspector 工具中的网络选项卡。
打开开发者工具后，请务必取消选中“禁用缓存”选项。如果浏览器的缓存被禁用，则不会缓存任何内容，此演示将无法正常工作。如果您是开发人员，并且希望确保在工作时看到您所做的最新更改，那么这是一个实现该目标的好方法。
图片 1 - 为什么客户看不到我所做的更改？
网络选项卡中的禁用缓存选项。
取消选择“禁用缓存”后，打开一个网页，保持开发者工具的“网络”选项卡打开。它可以是任何页面 - 甚至是这个。网络面板将显示您加载的页面上的所有已加载资产。这将包括图像、JavaScript、样式表，甚至页面本身的底层 HTML。您将看到每个下载项目的大量信息。网络面板有一列是“大小”，您可能已经猜到了，它显示下载项目的大小。如果您在列表中没有看到“大小”，您可以右键单击下载列表的标题并自定义要显示的列。
图片 2 - 为什么客户看不到我所做的更改？
自定义网络面板中显示的列。
现在，此列中显示的文件大小有一个例外。当文件不是通过网络访问，而是通过浏览器的缓存访问时，就会发生这种情况。浏览器会将一些项目缓存在计算机磁盘上，将一些项目缓存在内存中。
图片 3 - 为什么客户看不到我所做的更改？
网络面板中尺寸的示例。
如果您查看加载元素所花费的时间，您会注意到磁盘缓存通常比通过网络访问项目快得多，而内存缓存则更快。这对于性能来说非常好。但是，当客户想要查看其网站上的样式表所做的更改时，情况就不那么好了。
您是否仍打开了网络面板？如果是，您可以查看“Shift 重新加载”带来的差异。按住键盘上的 Shift 键，单击浏览器的重新加载按钮。大多数来自磁盘或内存缓存的相同资产现在将显示其文件大小，因为 Shift 重新加载会告诉浏览器获取所有这些文件的新副本。这允许用户查看所做的任何更改，并有助于让开发重回正轨。Pulse
Marketing Agency 是一家位于缅因州班戈的全方位服务营销机构。
阅读我们的其他
查看上一篇博客文章
查看下一篇博客文章
安排您的免费咨询
让我们谈谈