HTTPS経由ではないリソースを確認する


92

HTTPSで完全に転送する必要があるASP.NETサイトがあります。ただし、Google Chromeでは、安全でないリソースがページに含まれているという警告が表示されます。これらのリソースがどのようなもので、なぜHTTPSを使用しないのかを知るにはどうすればよいですか?


1
ここでの同様の質問がstackoverflow.com/questions/305538/...
arkoak


12
Chrome Devtools> [ネットワーク]タブ>列見出しを右クリック> [スキーム]をクリック
Costa

これは、ユーザーがURL画像をstackexchange投稿に埋め込むときにもよく見られ、httpsではなくhttpバージョンを使用します。
jiggunjer 2015

サイトに掲載されていますが、混在したコンテンツの問題にスキャンし、レポートを実行できるようになりましデスクトップアプリがあります、私はこの記事が少し古いです知っているが、場合には、それは誰にも役立ちますecommerce.co.uk/httpschecker希望、それが役立ちます:)
stilliard

回答:


44

通常、これはhttpsを使用せずに画像、JavaScriptインクルードファイル、または外部CSSファイルをロードしているために発生します。あなたは、このような放火犯などのプログラムを使用することができます。http://getfirebug.com/

FireBugは、エレメントがどのようにロードされ、どれがsslレイヤーを通過していないかを教えてくれます。Firefoxがない場合、ChromeにもFireBugに似たものが組み込まれていると思います。

firebugの使用方法は次のとおりです。

  1. Firebugを開く
  2. [コンソール]タブをクリックします
  3. ページを再読み込み
  4. httpsエラーがコンソールに表示され、どのリソースが機能していないかがわかります。

お役に立てれば


17
もっと具体的に教えてもらえますか?

2
[ネット]タブをアクティブにしてページをロードします。ページの読み込みが完了したら、各エントリにカーソルを合わせると、GETエントリに取得中のURLが表示されます。最終的には、HTTPSではなくHTTPを介して取得されているものが見つかります。
ジョーC

2
アセットスタック全体でそれぞれを具体的に手動でチェックすると思いますか?一部のhttpsフィルタリングはどうですか?
パーム

5
@phantomのソリューションに追加するには、[ネットワーク]タブのエントリを右クリックして、[すべてをHARとしてコピー]を選択します。これにより、JSONのようなオブジェクトとしてすべてのエントリがコピーされます。これにより、「http:」のエディターとCtrl-Fに簡単に貼り付けることができます。ただし、[開発者ツール]の[ネットワーク]タブに[スキーム]タブがないとは思えません。
プロテクター1

3
私はちょうど同じ問題に遭遇しましたが、すべての画像、CSS、およびJS参照はhttpsでした。しかし、いくつかは赤でした。そのため、URLをコピーし、それらを独自のブラウザータブに貼り付けたときにのみ、サーバーの証明書の有効期限が切れていることがわかりました。だから、それはあなたがそのエラーを受け取るかもしれないもう一つの明白な理由です。
STU

87

Chromeでもこの問題が発生しました。[ネットワーク]タブをチェックインしましたが、すべてのリソースがhttps経由で読み込まれました。

解決策:Chromeを閉じて、もう一度開きます。

Chromeは、安全なコンテンツの検出をキャッシュする必要があります。これにより、問題を修正した場合でも、安全でないコンテンツのメッセージが表示されなくなります。


18
クロームを閉じるのはやり過ぎです。タブを閉じるだけです。
Patrick James McDougle 2013年

1
私はChromeとの愛/憎しみの関係を持っています-このような問題は「嫌い」の列にあります。-_-無駄な時間をたくさん費やしました。この解決策をありがとう、それは私のために働いた。
マイク

@MjrKusanagiトリックへの感謝..RESTARTも私にとってはうまくいきました..ネットワークタブまたはコンソールに何も表示されませんでした。アドレスバーのhttps:// ..
Lucky

私の問題は私のページの<form>タグでした。Webkitのネットワークデバッガーは、アクションパラメーターが安全でないURLを指している場合は表示しません。
ビリー

38

私はこのオンラインスクリプトを提供している人々とは何の関係もありませんが、それは簡単で、どのブラウザでもブックマークできます。問題を解決するためにうまく機能します 。http://www.whynopadlock.com


ねえ、それは本当に役に立ちました。そのスクリプトを試して、httpsではなくhttpにリンクされたgoogleフォントであることが判明するまで、原因を見つけることはできませんでした。
Daniel Valadas 2013年

これが問題を露呈した唯一のものでした、ありがとう。httpsではなく、httpのアクションを参照する<form>タグがあることがわかりました!
Billy

8

Google Chromeの場合:問題のあるリソースConsoleは、Inspect Elementウィンドウのます。

次のように表示されます。

ページhttps://example.com/pageがから安全でないコンテンツを表示します。http://example.com/resourceを

もちろん、ウィンドウを開いたままページをリロードする必要があるかもしれませんInspect Element


3
[ネットワーク]タブ>任意の列見出しを右クリック> [スキーム]をクリック
Costa

1
@Costa:このアプローチの問題は、Chromeがブロックしたコンテンツがリストされないことです。答えの解決策は両方を示しています。
コラン2014

これは「コンソールドロワー」と呼ばれ、インスペクタの右上近くにある「>☰」記号をクリックして開きます。
デールアンダーソン、

Chromeは、安全でない場所に送信されるページ上のフォームに対してもこの警告を表示します。
デールアンダーソン、

すばらしい答えです。ネットワークタブにリストされているすべてのhttp問題を修正しました。しかしコンソールでは、httpsを使用するようにニュースレターのフォームターゲットも修正する必要があることがわかりました。どうやら、SSLページ上のフォームターゲットが非SSLページをターゲットにすることはできません。
バトルButkus

6

これを行う最も簡単な方法の1つは、Firefoxでページを右クリックして[ページ情報を表示]を選択することです。次に、[メディア]タブに移動し、httpsではなくhttpから読み込まれているものを見つけます。


2
これは画像などには最適ですが、リンクされたJavaScriptまたはCSSファイルが原因でHTTPSが機能しなくなることがよくあります。
ジョーC

これは、特定のページで原因のリンクを見つけるための最速のソリューションです。私はUをありがとう。これは、このページのすべてのソリューションに比べて最善の解決策だと思う
Pavanクマー

これは、他のスクリプトによってロードされるJavaScriptを表示しないため、機能しません。HTMLで直接リンクされている要素のみが表示されます
Janning

5

私たちは私たち自身のかゆみをひっかいて、あなたのウェブサイトをクロールし、どのページがそれらに非SSLリソースを持っているかをあなたに知らせるツールを書きました。WebサイトのルートURLを入力するだけです。すべてのページを手動で確認する必要はありません。

http://www.jitbit.com/sslcheck/


2

この問題が発生したとき、ツールバー(uTorrent)がエラーの原因であることに気付きました。ツールバーを外すとエラーはなくなりました。ツールバーが原因でサイトでエラーが発生する理由はわかりませんが、SSL証明書に関しては問題は発生しません。


1

Chromeでは、次のようにして、httpとhttpsを介して読み込まれたリソースを確認できます。

1)レンチメニューで、[ツール]> [開発者ツール]を選択します。

2)[リソース]ツールバーアイコンをクリックします

3)フレームフォルダを展開して、さまざまなページを表示します。リソースを表示するページを展開します。次に、ページの個々のリソースが一覧表示され、画像、スクリプト、スタイルシートごとに分類されます

4)そのリソースのロードに使用されたURLを表示するには、リソース名の上にマウスを置くだけで、URLがhttpまたはhttpsとともに表示されます。画像名をクリックして、右側の画像とそのURLを表示することもできます


3
[ネットワーク]タブ>任意の列見出しを右クリック> [スキーム]をクリック
Costa

すごい。なぜプロトコルではなくスキームと呼ばれるのですか?:/
アーミル・アフリディ2014

1

これに追加するには、[ネットワーク]タブビューの列見出しを右クリックし、[プロトコル]を選択しました。

次に、プロトコルの見出しをクリックすると、レポートの内容がHTTPSなどでグループ化されます。


Chrome v69では、この場合に役立つのは「Scheme」列だと思います。
Tasos、2018年

0

Chromeには独自のデベロッパーツールがあります。

ページを右クリックして検査し、[ネットワーク]タブをクリックしてページを再読み込みします。ワークフローが表示されます。


0

誰かがこの答えをチェックするかどうかわかりません、またはあなたはすでに解決策を見つけたかもしれませんが、とにかく、私の答えは同様の問題に苦しんでいる他の人々を助けるかもしれません

http://www.whynopadlock.com/

これは、自分のページに読み込まれていた安全でないコンテンツ/ファイルを確認するために使用したリンクです。

それが役に立てば幸い。:)


0

すべてのリソースがhttps経由でロードされたにもかかわらず、Chromeで同じ動作を発見しました(firefoxは緑色のロックを示しました)。

私の場合の理由は、サーバーが壊れた(Googleプードル)SSLv3をサポートしていたことです。

nginx.confでSSLv2を除外するようにssl_protocolsを設定する

ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE

私のために問題を修正しました。

クロムがこの理由をより透明にしないのは残念です。「このページは一部のリソースを安全にロードしません」は、間違っていないとしても非常に誤解を招きます。


0

自分のデスクトップから自分のサイトをクロールして、読み込まれたすべてのリソースのリストを取得したい場合(ただし、javascriptでは読み込まれません。注意してください)、ウィンドウを使用している場合は、Xenuのリンクスルーを使用できます。TSVファイルをエクスポートし、右クリックしてExcelで開き、URLでソートすると、サイトのすべてのページの厄介なhttpリソースを見つけることができます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.