最新版本：如何防止浏览器加载缓存的CSS和JS

大多数浏览器现在都在网站上缓存图像，CSS和JS文件，以提高加载速度。当您的网站修改CSS和JS时，由于缓存，它通常不会立即生效。

这样，旧CSS和新HTML可能会导致错误。这里有一个小技巧，可以确保浏览器不会缓存CSS和JS。只需在文件末尾添加一些参数，浏览器就会认为这是一个不同的文件。

代码如下

如果您使用PHP将当前时间用作版本号，则每次都会重新加载：

代码如下

“ />

当然，这样做会付出一定的代价，完全破坏了浏览器的缓存机制，导致每次都重新加载相同的CSS和JS

最好的解决方案应该是仅在修改CSS和JS文件时重新加载。这是一个PHP filemtime（）函数。 filemtime（）函数可以返回上次修改文件的时间，因此仅当修改文件时版本才会更改。

代码如下

“ />

WordPress

如果使用WordPress，则可以通过WordPress提供的脚本排队机制来挂载脚本：

代码如下

$ css = get_stylesheet_directory（）。'/ css / style.css';

wp_enqueue_style（'style'，$ css，NULL，filemtime（$ css））;

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/shumachanpin/article-334654-1.html