ホームページ >ウェブフロントエンド >フロントエンドQ&A >修正後にCSSが更新されない場合はどうすればよいですか?
修正後にCSSが更新されない問題の解決策: 1. デバッグ前にブラウザのキャッシュをクリアする; 2. デバッグページで「キャッシュを無効にする」にチェックを入れる; 3. 「ctrl Shift R」を使用して強制更新する; 4. css と js コードを変更します。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
Web 開発のプロセスでは、JS コードをデバッグする必要がよくありますが、この時点では、変更したコードが有効にならない可能性があります。これはブラウザがデフォルトでキャッシュを持っているためですが、この際キャッシュがデバッグ作業に影響を与えるため、ここではChromeブラウザがこの問題を解決する方法を紹介します。
Chrome CSS を変更しても解決策が更新されない:
方法 1: デバッグ前にブラウザのキャッシュをクリアする
ブラウザ設定インターフェイスで
または、ショートカット キーを使用してキャッシュを直接クリアします Ctrl SHIFT 削除
2. ページをキャッシュしないようにブラウザを設定します
デバッグ ページでキャッシュを無効にするチェックボックスをオンにします
3. ページを強制的に更新します。
ctrl Shift R を使用して、ブラウザー キャッシュを使用せずにページを強制的に更新し、更新します。
4. コードの観点からキャッシュの問題を解決します。
ブラウザは css または js ファイルをキャッシュします。バージョン番号を設定および変更すると、ブラウザは新しい js または css ファイルを再ダウンロードします。js または css の後に ?v= を追加します。バージョン番号の使用方法は次のとおりです
パラメータを含む css および js ( .css?v= および .js?v= または .css?version= および .js?version= の形式)
<script type=”text/javascript” src=”jsex.js?version=1.1.6″></script> <link rel=’stylesheet’ href=’cssex.css?version=1.3.1′ type=’text/css’ />
推奨事項: " CSS ビデオ チュートリアル "
以上が修正後にCSSが更新されない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。