そのため、このサイトでは数か月間、次のようなCSSファイルへのパスがありました。
/css/syles.css
そして彼らはうまく働いた。
今日、ファイルを更新しましたが、変更がブラウザに反映されていませんでした。実際、Chromeのインスペクターの[ネットワーク]タブでは、CSSファイルはロードされていませんでした。
私がそれを動作させることができる唯一の方法は、パスを絶対にすることでした、例えば:
http://www.example.com/css/styles.css
ホストにはCloudflareのようなキャッシュサービスはありません。もちろん、ブラウザーのキャッシュをクリアしました。
それは大したことではありませんが、なぜこれが起こったのか興味があります。
ホストは、平均的な共有サーバーLAMPスタックです。
Google Chromeでは、スタイルシートが読み込まれていないWebページの DOMを検査 にします。
Ctrl+Shift+I
スタイルシート要素を見つけて右クリックします。
<link rel="stylesheet" href="/css/syles.css" />
クリック Open in new tab。
HTTP 404 Not Found
エラーを受け取った場合は、アドレスバーをチェックして、ファイルの絶対パスが意図したものであることを確認してください。
絶対パスが正しくないように見える場合は、ドキュメントのファイルパスを適切に変更します。
一方、パスが正しい場合は、次を使用してスタイルシートを更新してください(キャッシュされたコンテンツは無視してください)。
Shift+F5
スタイルシートが適切にロードされたら、Webページに戻ってページを更新します。
それ以外の場合は、ファイルがサーバーに適切にアップロードされていることを確認してください。
考え:ライブサイトは安全ですか(https?)相対URLが https://example.com/css/styles.css に解決され、サーバーが静的https経由のコンテンツ。