1. ホーム
  2. javascript

[解決済み] ページを更新せずにウェブサイトのCSSを更新する

2023-08-26 07:08:40

質問

CSSでページを作成しました。今、私はエディタからブラウザに変更し、すべての小さな変更を見るために、ページ全体をリフレッシュする必要があります。しかし、私はいくつかのアニメーションがあるので、ページをリフレッシュしたくありません。

そこで、CSS の更新後に私のサイトが自動的に更新されるようにするために、何か使えるものはないでしょうか?

JavaScript、jQuery、Ajaxとかでいいのかな?

どのように解決するのですか?

ここにいます。 http://cssrefresh.frebsite.nl/

CSSrefresh は、あなたのウェブページに含まれる CSS ファイルを監視する、小さくて邪魔にならない javascript ファイルです。CSS ファイルを保存するとすぐに、ブラウザを更新することなく、変更が直接反映されます。

javascript ファイルを挿入するだけで、動作します!

ただし、サーバーにファイルがあるときのみ動作します。


編集: LiveStyle

で開発する場合 サブライムテキスト と Google Chrome または Apple Safari で開発する場合は エメットLiveStyle . これは、より強力なLive CSS-Reloaderです。

今、私はこれを CSS リフレッシュ .

この素晴らしいプラグインについてもっと知りたい方は Smashing Magazineによる投稿