web-dev-qa-db-ja.com

httpsを介したcssおよびjsの「混合アクティブコンテンツのロードのブロック」を修正する方法

Httpsでサイトを表示しようとすると、Firefoxコンソールで「混合アクティブコンテンツの読み込みがブロックされました」というエラーが表示されます。このエラーはcssおよびjsファイルでのみ発生します。

私が非常に混乱している理由は、ページコード自体のファイルへの参照がhttpsであるためです。

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

しかし、コンソールでは、http:

混合アクティブコンテンツの読み込みのブロック " http://www.example.com/style.css " [詳細]

ページでソースを表示して「http://」を検索すると、ページのどこにも結果がありません。

何か案は?

11
JROB

相対プロトコル呼び出し元で試すことができると思います。

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

ユーザーがhttpでWebにアクセスすると、httpが読み込まれ、httpsでアクセスするとhttpsが読み込まれます。

25