HTTPS 経由で外部 CSS および JS ファイルを安全に含める方法

HTTPS 経由で外部 CSS および JS ファイルを安全に組み込む

外部 CSS および JS ファイルを Web サイトに組み込む場合は、次のことを確認することが重要です。親ページが HTTPS 経由でアクセスされる場合、それらは安全に提供されます。セキュリティで保護されていないコンテンツが HTTPS ページに読み込まれると、ブラウザで警告が表示されることがよくあります。

この問題を解決するには、プロトコル相対パスを利用します。プロトコル (http など) を含む完全な URL を指定する代わりに、二重スラッシュ (//) を使用します。

例:

の代わりに:

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

使用:

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

プロトコル相対を使用するパスを指定すると、ブラウザは親ページと同じプロトコルを使用して外部コンテンツを自動的に取得します。これにより、HTTPS 経由でページにアクセスしたときに、すべてのコンテンツが安全に読み込まれることが保証されます。

以上がHTTPS 経由で外部 CSS および JS ファイルを安全に含める方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。