web-dev-qa-db-ja.com

ハードリフレッシュスタイルシート

現在Macコンピュータを使用していますが、CSSを変更したときにWebサイトを更新する方法がわかりません。私はCmd + Rを試してみました、私はキャッシュを空にしてみましたが、何もうまくいかないようです。

私は以前に、そして私が私のstyle.cssシートを使ってスタイルを変更するたびにウィンドウズコンピュータを使ったことがある、私はただctrl + F5を押すだけで、そしてそれはすぐにリフレッシュするのが難しいだろう。

誰かがCmd + Rやキャッシュをクリアする以外のトリックを知っていますか?

1
Cakers

「クイック」修正 :右クリック - >ページソースの表示(ctrl + U)、変更した.cssファイルを見つけて新しいタブで開き、リロードします(変更した場所に変更があるはずです)。

開発モードでのみ バージョン番号の代わりにphp関数time()を追加

wp_enqueue_style( $handle, $src, array(), time() , 'all' );

キャッシュプラグインを使用している場合はキャッシュを削除します。

3
WP Vlad

スタイルにキャッシュを使用している場合は、キャッシュをリフレッシュする必要があります。キャッシュプラグインをオフにするか、単にあなたのバージョンのスタイルに "time()"関数を追加してください。

wp_enqueue_style( 'some-style', get_stylesheet_directory_uri() . '/yourpath.css', array(), time());

Wordpressのスタイルについては、こちらを参照してください。 wp_enqueue_style

2
Greg Much

これは実際には複雑な問題になる可能性があり、多くの側面があります。

さらに定義してください:あなたはローカル(サーバ、DBはあなたのコンピュータ上にあります)またはリモート(ホスティング、FTPなど)で開発していますか?

WebHostingには、キャッシュメカニズム(ワニスキャッシュなど)が機能している可能性があります。ワードプレスには、キャッシュメカニズム(W3CTotalCacheなど)がある可能性があります。

あなたが良いhtaccessの設定などをしているのであれば、3つのキャッシュすべてが(特に)CSSの変更を更新するのを難しくするべきです。 mmmが指摘したように、functions.phpにバージョンを含めることは非常に有用で推奨される方法ですが、いつもうまくいくとは限りません(例えばVarnish Cache)

したがって、開発中の場合は、CSSの変更を行っている間はすべてのキャッシュを無効にし、「バージョン番号の更新」を続けることをお勧めします。これが最も推奨される方法です。すでに本番サイトの場合は、更新前に3つのキャッシュすべてを空にすることに慣れておくことをお勧めします(いくつかの変更については問題ありません)。

しかし、もっと簡単な方法はありません。それが、キャッシュと長寿命のためのものです。

0
Canelo Digital