HTTPS アセットを HTTPS ページに安全にロードするにはどうすればよいですか?

HTTPS ページに HTTPS アセットをロードする

外部 CSS および JS ファイルを Web サイトのヘッダーとフッターに組み込む場合、これらのアセットがページ自体が HTTPS である場合、HTTPS 経由で安全にロードされます。一部のブラウザでは、セキュリティで保護されていないコンテンツにフラグを立てることがあり、ユーザーの信頼を損なう可能性があります。

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

この問題を解決するには、絶対パスではなくプロトコル相対パスを使用します。パス。絶対パスは、プロトコル (例: http:// または https://) を含む完全な 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 経由で) 読み込みます。これにより、ページ上のすべてのコンテンツが安全に読み込まれるようになり、Web サイトの信頼性とユーザー エクスペリエンスが向上します。

以上がHTTPS アセットを HTTPS ページに安全にロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。