Wordpress使用包含的javascript文件的过时版本

Question

我经常使用ftp将javascript文件的新版本上传到wordpress站点。

但是，当我访问使用javascript文件的页面时，它使用的是javascript文件的过时版本。使用的文件的url示例：

myurl.com/../js/my_file.js?ver=919004c7f6ced.....8f8941dfa68c2e

但是，如果我直接使用myurl.com/../js/my_file.js访问该文件，它将显示最新版本。

我假设这是由缓存我的文件的东西造成的。我已经尝试删除了缓存插件的缓存，我已经禁用它，但它仍然使用过时的版本。

如何迫使我的网站使用最新版本的某些文件？

Answer 1

首先是一些背景:包含的文件上的ver告诉浏览器使用什么版本，如果它已经加载了该版本，它将使用缓存的版本。这就是你在这里看到的--尽管你已经添加了一个新的js文件，浏览器仍然在使用919004c7f6ced.....8f8941dfa68c2e版本。

此版本是在HTML中为页面(即不是js文件)指定的，因此正在缓存的是页面。

造成这种情况的可能原因有以下几个：

缓存

1. 浏览器缓存：浏览器正在使用缓存的页面版本，清除浏览器缓存应该可以修复这个问题。或禁用缓存-请参见下面的注释。
2. 服务器缓存：一些主机服务器也使用缓存来最小化它们的负载，特别是在共享主机中。如何清除或何时清除取决于您的主机。注意，如果您使用的是CloudFlare之类的服务，这也可以缓存页面！
3. 缓存插件：很明显，但是值得包括完整性--缓存插件将有自己的缓存，需要清除。注意，服务器和浏览器缓存可能仍然具有预先清除的版本。
4. 其他带有缓存的插件：其他不是专门缓存插件的插件可以创建一个缓存。这包括小型机插件-他们可以创建一个缓存与缩小和/或组合的文件。

码

1. 注册版本：您的WP主题将(或者至少应该)使用wp_register_script或wp_enqueue_script注册脚本-这两个函数都允许代码指定要使用的版本。您应该检查正在为以下内容创建版本号的代码：

• 代码中没有更新版本。
• 根本没有指定版本，默认情况下将其设置为WP版本(注意，这里不是这样的，但为了完整起见，我已将其包括在内)
• 版本根本没有指定，而是由其他资源添加的。

测试的临时解决方案:如果您只想立即测试新脚本，可以重命名文件并在wp_enqueue/_ script函数中更改名称--显然这不是一个长期解决方案，但如果需要测试某些内容或使其立即可用，则可以帮助您，而不必等待缓存文件的更改。

禁用Chrome中的缓存，仅用于调试(如果问题仅限于浏览器缓存)，则可以在调试时禁用Chrome中的缓存：

• 在DevTools中，选择“网络”选项并检查“禁用缓存”

这只会在DevTools打开时禁用缓存，因此不会影响任何其他内容。感谢Daan提供的链接：如何在Google中完全禁用缓存