HTTPS 経由で CSS ファイルと JS ファイルを安全にロードするにはどうすればよいですか?

HTTPS 経由で CSS および JS ファイルを安全にロードする

外部 CSS および JS ファイルを Web ページに組み込む場合、安全にロードできるようにすることが重要です。親ページには HTTPS 経由でアクセスします。一部のブラウザでは、HTTPS ページが HTTP プロトコルを使用して外部コンテンツを参照する場合、安全でないコンテンツに関する懸念が生じます。

解決策: プロトコル相対パスの使用

この問題に対処するには、開発者は次のことを行うことができます。プロトコル相対パスを使用します。正確な HTTP または HTTPS プロトコルを指定する代わりに、次の形式を使用します。

<link rel="stylesheet" href="//example.com/style.css">
<script src="//example.com/script.js"></script>

プロトコル プレースホルダーとして二重スラッシュ (//) を使用すると、ブラウザは自動的に親と同じプロトコルを使用します。ページ。これにより、HTTPS 経由でページにアクセスするときに外部アセットが安全にロードされるようになります。

次に示すように、完全な HTTP プロトコル仕様の使用は避けてください。

<link rel="stylesheet" href="http://example.com/style.css">
<script src="http://example.com/script.js"></script>

以上がHTTPS 経由で CSS ファイルと JS ファイルを安全にロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。