Wie vermeidet man Caching während der Entwicklung?

Fügen Sie die filemtime() Ihres Stylesheets als Versionsparameter hinzu. Nehmen wir an,Ihr Standard-Stylesheetbefindet sichin css/default.css und css/default.min.css (nicht style.css ). Wenn wirein Stylesheet auf wp_loaded registrieren (nicht init ) können wireine Version als vierten Parameter übergeben. Diesist die letztegeänderte Zeit und ändert sich daherjedes Mal,wenn wir die Datei ändern.

 $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 );
});
 

Wenn Sie Node.js und Grunt verwenden,empfehleich dringend Browsersync . Es überwacht Ihre Dateien und aktualisiert sie sofort,wenn sie sich ändern. Es kann auch die Bildlaufposition synchronisieren,Formulare senden und vielesmehr übermehreregeöffnete Browser hinweg. Sehr cool.

Add the filemtime() of your stylesheet as version parameter. Lets say, your default stylesheet is in css/default.css and css/default.min.css (not style.css). When we register a stylesheet on wp_loaded (not init), we can pass a version as fourth parameter. That will be the last modified time and therefore change every time we change the file.

$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 );
});

If you are using Node.js and Grunt, I strongly recommend Browsersync. It will watch your files and update them instantly whenever they change. It can also synchronize the scrolling position, form submissions and more across multiple open browsers. Very cool.

Nachdemich viele Malenacheinereinfachen Lösunggesucht hatte,entschiedichmich,etwas zufinden,dasfunktioniert!

Also ...nachdemich darübernachgedacht hatte,fandicheine großartige Möglichkeit,das Cachingbeim Entwickelnneuer Websites zu überschreiben ... (undesisteinfach).

Wirmüssen wpmitteilen,dasses sich umeine neue CSS-Version wie diese handelt ...

Vor Änderungen:

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

Nach Änderungen:

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

Folgendes haben wir hinzugefügt:

 ?v='.time()
 

Erläuterung:
Grundsätzlichfügen wir der CSS-Dateieine dynamische Versionsnummer hinzu,die den Browser zwingt,dieneue CSSjedes Mal zu laden,wenn wir sie aktualisieren.

Vergessen Sienicht,esnach Abschluss der Entwicklung zuentfernen,da sonst das Cachingfür diese Dateinichtfunktioniert undesfür wiederkehrende Benutzerimmer wiedergeladen wird.

Diese Technikfunktioniertfür CSS & amp;jsfiles - hoffe das hilft;)

After searching for a simple solution many times i decided to find something that works!

so... after thinking about it i found a great way to override caching while developing new websites... (and its easy).

What we need is to tell wp this is a new CSS version like this...

Before changes:

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

After changes:

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

This is what we added:

?v='.time()

Explanation:
We are basically adding a dynamic version number to the css file which forces the browser to load the new css every time we update it.

Don't forget to remove it after your done developing otherwise your caching won't work for this file and it would load for returning users again and again.

This technique works for css & js files - hope this helps ;)

Diesmag zueinfacherscheinen,aber wie wärees,wenn Sienur das Caching deaktivieren,bis Siemit dem Entwicklungsteil Ihrer Sitefertig sind?Das Ein- und Ausschaltenistmehr alseinfach.

This might seem overly simple, but how about just disabling caching until you're done with the development portion of your site? It's more than simple to turn on and off.

Ich weiß,dassfür diese Frageeine Antwort akzeptiert wurde,aberich denke,dass diese Antwortfür das vorliegende Problemimmernoch zu kompliziertist undje nach Benutzermöglicherweisefalschist (allerdings keine Beleidigung). Ichteileimmernochmit,wieich das Caching umgehen kann,wennichmeinen Entwicklermache (nichtnurmit Wordpress).

Diemeistenmodernen Browser haben den sogenannten Inkognito-Modus . In diesem Modus wirdnichts auf Ihrem Computer zwischengespeichert,sodassbei jeder Aktualisierungein neuer Slate-Download vom Servererfolgt. In Internet Explorer drücken Sie Ctrl + Shift + P. In Firefox und Chrome drücken Sie Ctrl + Shift + N.

Wenn Ihr Browser keinen Inkognito-Modus hat,können Sienormalerweiseein hartes Neuladenerzwingen,indem Sie Ctrl + F5für IE oder Ctrl + Shift + Rin Firefox drücken und Chrome.

Ihre Frage zu den CSS-Dateien (undim Wesentlichen zu allen Asset-Dateien wie Bildern und Javascript-Dateien) wird von WP Super Cachein keiner Weise zwischengespeichert. Ihre Einstellungen und/oder die Verwendung dieses Plugins haben keinen Einfluss darauf,wie diese Dateienbereitgestellt werden. Was diese Dateien zwischenspeichert,ist Ihr Browser ,und dasist der Grund,warum Sieein hartes Neuladen durchführen.

Das Plugin wertet aus,wie Wordpress Ihre HTML-Dateienerstellt (über PHP) und speicherteine Kopie,sodass dasnächste Mal,wennjemand denselben Beitrag,dieselbe Seite oder was auchimmer anfordert,die Kopiebereitstellt undgewinnt. ' Siemüssen den von PHPgenerierten HTML-Codenichterneutbewerten und sparen somit Rechenzeit,da Ihre Seiten viel schnellergeladen werden. (Ich hoffe dasist klar.)

Das Problem dabeiist,dass,wenn Sie übereine PHP-Funktion aufeinen Zeitstempelin der URL Ihrer CSS-Dateien klicken, eine PHP-Bewertungfür HTMList und wird von WP Super Cache zwischengespeichert. Jede Anfrage an denselben Beitrag hat denselben Zeitstempel,da den Benutzerneine Kopie der ursprünglichen Zeitstempelbewertung zugestellt wird. (Korrigieren Siemich,wennichfalsch liege.)

Der richtige Weg,um das Caching von WP Super Cache zu umgehen,besteht darin,die Option Don't cache for known users auf der Einstellungsseite des Plugins auf true zu setzen.

Schließlich (und diesisteine persönliche Präferenz,daichbeim Codierenein echter Sticklerbin)müssen Sie keine unnötigen Markups auf Ihren HTML-Seiten hinzufügen,wenn Sie auf Inkognito odererzwungenes hartes Nachladen zurückgreifen. Natürlichfügt das Hinzufügeneines Zeitstempelsnur ungefähr 13 Bytespro statischer Dateipro Anforderung hinzu,aber hey,wiegesagt,ichbin ein Sticklerfür diese Art von Sachen. Es sindimmernoch 13 Bytes unnötig.

I know that this question has had an answer accepted, but I think that that answer is still too complicated for the problem at hand, and may actually be incorrect depending on the user (no offense though), so I thought I'd still share how I bypass caching when I do my dev (not just with Wordpress).

Most modern browsers have something called incognito mode. In this mode, nothing in your computer is cached, so every refresh is a fresh slate download off the server. In Internet Explorer you press Ctrl + Shift + P. In Firefox and Chrome, you press Ctrl + Shift + N.

If your browser doesn't have incognito mode, you can normally force a hard reload by pressing Ctrl + F5 for IE, or Ctrl + Shift + R on Firefox and Chrome.

As for your question regarding the CSS files (and essentially, all your asset files, like images and Javascript files), those aren't cached in any way by WP Super Cache. Your settings and/or use of this plugin does not affect how those files are served. What's caching those files are your browser, and that's the reason why you do a hard reload.

What the plugin does is it evaluates how Wordpress builds your HTML files (via PHP), and stores a copy, so that the next time someone requests the same post, page, or whatever, it serves the copy, and won't have to reevaluate the PHP-generated HTML again, and therefore save some computing time, loading your pages that much quicker. (I hope that's clear.)

The problem with that is, if you're slapping on a timestamp on your CSS files' URL via a PHP function, that is a PHP evaluation to HTML, and that will be cached by WP Super Cache. Every request to the same post will have the same timestamp because users are being served a copy of the original timestamp evaluation. (Correct me if I'm wrong.)

The correct way to bypass WP Super Cache's caching is to set the option Don't cache for known users to true in the plugin's setting page.

Finally (and this is a personal preference, as I'm a real stickler when it comes to coding), resorting to the use of incognito or forced hard reloads won't require you to add unnecessary markup on your HTML pages. Of course, adding a timestamp only adds about 13 bytes per static file per request, but hey, like I said, I'm a stickler for this kind of stuff. It's still 13 bytes unnecessary.

Meine Güte,viele Möglichkeiten,diese Frage zubeantworten! Inerster Linie haben Sienach zwei verschiedenen Dingengefragt: WP Super Cache- und CSS-Dateien. Diese werden an verschiedenen Stellen unterschiedlich zwischengespeichert. Daheristes wichtig zuerkennen,wo sich Ihr Problembefindet.

Wenn WP Super Cache,können Sie die Konstante DONOTCACHEPAGEin Ihrerfunctions.php während der Entwicklung definieren,um zu verhindern,dass WP Super Cacheirgendetwas zwischenspeichert. Vergessen Siejedochnicht,diesbeim Start zuentfernen!

define('DONOTCACHEPAGE', true);

Jede Site verfügt außerdem übereinen eindeutigen Schlüssel zum Anhängen an die URL,umeine neue Version der Seite zu laden,die Siemeines Erachtens auf der Registerkarte "Erweitert"finden.

Umeine nochbessere Lösung zufinden,sollten Sieeine Entwicklungsumgebung undeine Produktionsumgebungeinrichten,in derin Ihrer Entwicklungsumgebung WP Super Cachenicht aktiviertist (vorausgesetzt,diesist Ihr Problem).

Wenn Sie Problememit CSS/JS-Dateien haben,lesen Sie die Antwort vontoscho und dennachfolgenden Kommentar vonm0r7if3r oben.

Gosh, many ways to answer this one! First and foremost, you asked about two different things: WP Super Cache and CSS files. These are cached differently, in different places, so it's important to recognize where your problem is.

If WP Super Cache, you can define the constant DONOTCACHEPAGE in your functions.php during development to prevent WP Super Cache from caching anything. Don't forget to remove this on launch though!

define('DONOTCACHEPAGE', true);

Each site also has a unique key to append to the URL to load a fresh version of the page, which you can find in the "Advanced" tab, I believe.

Breaking it down to an even better solution, you should consider setting up a development environment and a production environment, where your development environment doesn't have WP Super Cache enabled (again, assuming that's your problem).

If your issue is with CSS/JS files, then see the answer by toscho and subsequent comment by m0r7if3r above.

HyperCache deaktiviert das Caching,wenn Sie als Administrator angemeldet sind.Ichbin nicht sicher,ob WP Super Cache dieselbe Funktionalität hat.

HyperCache disables caching when you're logged in as an admin. Not sure whether WP Super Cache has the same functionality.

Wenn Sie Chrome verwenden (wasich sehrempfehle),öffnen Sie den Inspektor,klicken Sie auf das Einstellungssymbolin der unteren rechten Ecke und wählen Sie unter "Netzwerk" die Option "Cache deaktivieren".

If you're using Chrome (which I highly suggest), open Inspector, click the settings icon in the lower right corner, and under "Network" select "Disable Cache."

Wiegesagtfür wp Super Cache,aberfür allgemeines WP Cachingin wp-config.php Ändern Sie dies:

 define( 'WP_CACHE', false );
 

Referenz: codex.wordpress.org

As said for wp super cache, but for general WP caching in wp-config.php Change to this:

define( 'WP_CACHE', false );

Reference: codex.wordpress.org

Sie können dieses Snippet verwenden>

Beijedem Laden der Seite

You can use this snippet https://gist.github.com/jhayiwg/92bae4330aeb738a98022d7ab63ce9b1

It will generate new version of your active theme css and js every time you load the page