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

這種動態版本號僅適用於本地開發，當您想利用緩存來縮短頁面加載時間時，對於生產站點來說是個壞主意。