CSS无法在localhost中正常工作

Question

我正在使用localhost进行xampp服务器的wordpress主题开发。当我更改我的css文件时，它不会立即生效。它的工作可能是3-4个小时后。 css动态链接是好的。这是问题PLZ。？

Answer 1

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

Answer 2

听起来你有一些激烈的缓存。在本地开发中，您可以在wp_enqueue_style调用中使用不同的版本号来破坏缓存。版本号是第4个参数。在此示例中，我们将版本号更新为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' );

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