在开发过程中如何避免缓存？

#1 楼

添加样式表的filemtime()作为版本参数。可以说，您的默认样式表位于css/default.css和css/default.min.css（不是style.css）中。当我们在wp_loaded（而不是init）上注册样式表时，我们可以将版本作为第四个参数传递。这将是最后一次修改的时间，因此每次更改文件时都会更改。

 $min    = WP_DEBUG ? '': '.min';
$file   = "/css/default$min.css";
$url    = get_template_directory_uri() . $file;
$path   = get_template_directory() . $file;
$handle = get_stylesheet() . '-default';

// Overridden?
if ( is_child_theme() && is_readable( get_stylesheet_directory() . $file ) )
{
    $url  = get_stylesheet_directory_uri() . $file;
    $path = get_stylesheet_directory()     . $file;
}

$modified = filemtime( $path );

add_action( 'wp_loaded', function() use ( $handle, $url, $modified ) {
    wp_register_style( $handle, $url, [], $modified );
});

add_action( 'wp_enqueue_scripts', function() use ( $handle ) {
    wp_enqueue_style( $handle );
});
 

如果您使用的是Node.js和Grunt，强烈建议您使用Browsersync。它将监视您的文件并在文件更改时立即更新它们。它还可以在多个打开的浏览器中同步滚动位置，表单提交等等。很酷。

#2 楼

在寻找了简单的解决方案很多次后，我决定找到可行的方法！

所以...经过思考，我发现了一种开发新网站时覆盖缓存的好方法...（及其简单）。

我们需要告诉wp这是一个类似CSS的新版本...

更改之前：

wp_enqueue_style( 'maincss', get_template_directory_uri() . '/css/style.css', array(), false, 'all' );

更改后：

wp_enqueue_style( 'maincss', get_template_directory_uri() . '/css/style.css?v='.time(), array(), false, 'all' );

这就是我们添加的内容：

?v='.time()

说明：
我们基本上是在css文件中添加一个动态版本号，这迫使浏览器每次更新时都加载新的css。

开发完成后，别忘了将其删除，否则缓存将不适用于此文件，并且会加载该文件以供反复返回用户使用。

该技术适用于css和js文件-希望对您有所帮助;）

#3 楼

这看似过于简单，但是如何禁用缓存，直到您完成站点的开发部分为止？开启和关闭不仅简单。

#4 楼

我知道这个问题已经接受了一个答案，但是我认为该答案对于手头的问题仍然太复杂了，并且根据用户的实际情况可能是不正确的（虽然没有冒犯），所以我认为我仍然会分享如何在我进行开发时绕过缓存（不仅限于Wordpress）。

大多数现代浏览器都具有隐身模式。在这种模式下，您的计算机上没有任何内容被缓存，因此每次刷新都是从服务器上下载新文件。在Internet Explorer中，按Ctrl + Shift + P。在Firefox和Chrome中，请按Ctrl + Shift + N。

如果浏览器没有隐身模式，通常可以通过按IE上的Ctrl + F5或在Firefox和Chrome上按Ctrl + Shift + R来强制进行硬重装。

关于CSS文件（实际上是您的所有资产文件，例如图像和Javascript文件）的问题，WP Super Cache不会以任何方式对其进行缓存。您对这个插件的设置和/或使用不会影响这些文件的投放方式。缓存这些文件的是您的浏览器，这就是您进行硬重装的原因。

该插件的作用是评估Wordpress（通过PHP）如何构建HTML文件并存储副本，以便下次有人请求相同的帖子，页面或其他内容时，它可以为复制，而不必再次重新评估由PHP生成的HTML，因此节省了一些计算时间，从而可以更快地加载页面。 （我希望这很清楚。）

问题是，如果您通过PHP函数在CSS文件的URL上放置时间戳，那是对HTML的PHP​​评估，并且将由WP Super Cache缓存。对同一帖子的每个请求都将具有相同的时间戳，因为向用户提供了原始时间戳评估的副本。 （如果我错了，请纠正我。）

绕过WP Super Cache缓存的正确方法是在插件的设置页面中将选项Don't cache for known users设置为true。

最后（这是个人喜好，因为我在编码方面非常专横），诉诸隐身或强制硬重装将不需要您在HTML页面上添加不必要的标记。当然，添加时间戳仅会使每个请求的每个静态文件增加大约13个字节，但是，就像我说的那样，我很喜欢这种东西。仍然不需要13个字节。

#5 楼

天哪，有很多方法可以回答这个问题！首先，您询问了两个不同的问题：WP Super Cache和CSS文件。这些文件在不同的地方以不同的方式进行缓存，因此重要的是要识别问题所在。

如果使用WP Super Cache，则可以在开发过程中在functions.php中定义常量DONOTCACHEPAGE以防止WP Super Cache从缓存任何东西。但是，请不要忘记在启动时删除它！我相信您可以在“高级”选项卡中找到。

将其分解为一个更好的解决方案，您应该考虑设置开发环境和生产环境，而您的开发环境不会启用WP Super Cache（同样，假设是您的问题）。

如果您的问题与CSS / JS文件有关，请参见上面toscho的回答以及上面m0r7if3r的后续评论。

#6 楼

对我来说，在Windows下在Bitnami堆栈上运行Wordpress的工作是编辑php.ini文件并重新启动服务器。
在[opcache]部分，将opcache.revalidate_freq更改为1

opcache.revalidate_freq=1

然后我重新启动了服务器，现在我的页面立即显示对插件所做的更改。

#7 楼

当您以管理员身份登录时，HyperCache会禁用缓存。不确定WP Super Cache是​​否具有相同的功能。

#8 楼

如果您使用的是Chrome（我强烈建议），请打开Inspector，单击右下角的设置图标，然后在“网络”下选择“禁用缓存”。

#9 楼

如wp超级缓存所言，但对于wp-config.php中的常规WP缓存
更改为：

define( 'WP_CACHE', false );

参考：codex.wordpress.org

#10 楼

您可以使用此代码段https://gist.github.com/jhayiwg/92bae4330aeb738a98022d7ab63ce9b1

每次加载页面时，它将生成活动主题css和js的新版本