CSS 在本地主机中无法正常工作

Question

我正在使用 localhost 通过 xampp 服务器进行 wordpress 主题开发。 当我更改我的 css 文件时，它不会立即起作用。 它的工作可能是在 3-4 小时后。 css动态链接没问题。 请问lz有什么问题吗？

Answer 1

有时我发现浏览器在 localhost 下运行时会缓存资产，并使其看起来好像更新没有生效。 很难从您的描述中判断这是否可能是问题所在，但请尝试清除缓存的图像和文件，看看是否有帮助。

Answer 2

听起来你有一些强烈的缓存。 在本地开发中，您可以在wp_enqueue_style调用中使用不同的版本号破坏缓存。 版本号是第四个参数。 在此示例中，我们将版本号更新为style.css文件最新更改的当前日期/时间。

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    $cacheBusterCSS = date("U", filemtime( get_stylesheet_directory() . '/style.css' ) );
    wp_enqueue_style( 'style-name', get_stylesheet_uri(), array(), $cacheBusterCSS );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

这种动态版本号仅适用于本地开发，当您想利用缓存来缩短页面加载时间时，对于生产站点来说是个坏主意。