css - CSS 在 localhost 中无法正常工作

Question

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

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' );

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