web-dev-qa-db-ja.com

WebサイトでCSSの絶対URLが突然必要になるのはなぜですか?

そのため、このサイトでは数か月間、次のようなCSSファイルへのパスがありました。

/css/syles.css

そして彼らはうまく働いた。

今日、ファイルを更新しましたが、変更がブラウザに反映されていませんでした。実際、Chromeのインスペクターの[ネットワーク]タブでは、CSSファイルはロードされていませんでした。

私がそれを動作させることができる唯一の方法は、パスを絶対にすることでした、例えば:

http://www.example.com/css/styles.css

ホストにはCloudflareのようなキャッシュサービスはありません。もちろん、ブラウザーのキャッシュをクリアしました。

それは大したことではありませんが、なぜこれが起こったのか興味があります。

ホストは、平均的な共有サーバーLAMPスタックです。

1
MeltingDog

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ページに戻ってページを更新します。

それ以外の場合は、ファイルがサーバーに適切にアップロードされていることを確認してください。

2
Grant Miller

考え:ライブサイトは安全ですか(https?)相対URLが https://example.com/css/styles.css に解決され、サーバーが静的https経由のコンテンツ。

0
deltavin