CSS および JS ファイルを HTTPS ページに安全にロードする方法: プロトコル相対パスまたは絶対 URL?

HTTPS ページでの CSS および JS ファイルの安全な読み込みの確保

HTTPS ページを読み込むとき、外部 CSS およびJS ファイルは、安全でない HTTP プロトコルを使用して含まれています。この問題に対処するために、開発者は絶対 URL の代わりにプロトコル相対パスを利用できます。

プロトコル相対パスの使用法

プロトコル相対パスを使用すると、ブラウザは親ページで使用されるプロトコルに基づいて、外部コンテンツを HTTP 経由でロードするか HTTPS 経由でロードするかを動的に決定します。プロトコル相対パスの使用方法は次のとおりです:

• CSS ファイルの場合:

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

• JS ファイルの場合:

<script src="//example.com/script.js"></script>

これらの例では、http:// または https:// の代わりに二重スラッシュ (//) を使用することで、プロトコル相対パスを示します。ブラウザは、安全な読み込みのために親ページと同じプロトコルを使用します (つまり、HTTPS ページの場合は HTTPS)。

安全でない HTTP 読み込みを回避する

プロトコル相対を採用することによりパスを使用すると、開発者は HTTPS ページに安全でないコンテンツをロードすることを回避できます。これにより、ページに関連付けられたすべてのリソースが安全に読み込まれ、Web サイト全体のセキュリティが強化され、ブラウザーの警告が防止されます。

以上がCSS および JS ファイルを HTTPS ページに安全にロードする方法: プロトコル相対パスまたは絶対 URL?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。