[解決済み] ページを更新せずにウェブサイトの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による投稿
関連
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] どうすればjQueryに非同期ではなく、同期のAjaxリクエストを実行させることができますか?
-
[解決済み] jQueryでドロップダウンリストの選択値を変更する
-
[解決済み] javascriptで2つの数値を連結する方法は?
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ジェスト あるクラスの特定のメソッドをモックする方法
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] JavaScriptで、ある文字列が別の文字列の中に出現するすべてのインデックスを見つけるにはどうすればよいですか?
-
[解決済み] Javascript / jQueryでAndroid端末を検出する。
-
[解決済み] BlobからArrayBufferへ移行する方法
-
[解決済み] AJAX Mailchimp サインアップフォームの統合
-
[解決済み] CORS: 認証モードは 'include' です。
-
[解決済み] JSHintの'+'前の改行不良の説明
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] Node.jsのES6クラスをrequireで作る