浏览器不显示 JavaScript 中的更改.它保留旧版本

Browser does not show changes in JavaScript. It keeps the old version

本文关键字：保留 版本 显示 JavaScript 浏览器      更新时间：2023-09-26

我正在使用：

  • 铬

  • Codegnitor （PHP）

  • XAMPP

  • CSS 和 JS

我的问题是：当我在CSS或JS中进行小更改（任何简单的，微不足道的更改）时，浏览器不会显示此更改。仅当我重命名CSS或JS文件时，它才会显示更改。

看起来浏览器会记住旧版本的 CSS 或 JS，并且在我在 Chrome 中重新加载页面时不会"去寻找更改"。

知道是什么阻碍了浏览器吗？

我一直在寻找一个问题，但只找到浏览器根本不考虑jS的人。

但我的浏览器确实如此。它加载 JS，但不加载我所做的更改。

有趣的是，一周前我需要每天重命名CSS和JS文件一两次，但现在我需要在进行任何更改时重命名它以查看浏览器中显示的更改。

所以工作是不可能的。

有人有同样的问题吗？

附言我在 Mozilla nad IE 上遇到了同样的问题。所以我想我的电脑可能有问题。可能是这些安全程序之一。两周前我有一个FileZilla，但我认为我已经摆脱了它。也许它仍然在后台制造混乱。

您可以在开发人员工具可见时禁用缓存。按 F12 并单击右下角的小齿轮。在"常规"中，确保勾选第一个框"禁用缓存（在 DevTools 打开时）"，然后您就可以开始了

CSS 和 js 资源可能由您的浏览器缓存。

更改并重新加载以进行测试时，请尝试使用 Ctrl+R 重新加载以刷新该重新加载中的缓存。这应该适用于所有浏览器。

以防万一其他人遇到这种情况，您可以在文件名中添加一个 get 变量，例如src="js/custom.js?version=1"然后它会重新检查它是否不知道。 你可以让所有的自定义javascript和css文件像这样，并使用php使用类似的东西：

src="js/custom.js?version=<?php echo $version; ?>"

然后，只要您进行更改，就可以在一个地方更新$version。 这也将保证用户也能看到更改。

相关文章：