Chrome Developer Tools にセキュリティタブが追加されてた

Chrome のデベロッパーツールにセキュリティタブが追加されていたようなのでメモ。これを使うと一撃でどれが混在コンテンツ（HTTPS ページ内の HTTP コンテンツ）なのか分かるのでかなり便利です。

DevTools へのセキュリティ パネル導入について - Google Developers Japan

このセキュリティ パネルには、ネットワーク リクエストごとの接続情報が表示されており、安全な接続を表す緑色のロックマークにならない場合には、どの接続エラーが原因なのかがすぐ分かります。ページのオーバービューには、次のような情報が一覧表示されています。

• 証明書の確認：識別情報の確認に TLS 証明書がサイトで使用されているかどうかを示します。
• TLS 接続：最新で安全なプロトコルと暗号スイートがサイトで使用されているかどうかを示します。
• サブリソースのセキュリティ：安全でない HTTP サブリソース（混在コンテンツとも呼ばれる）がサイトで読み込まれているかどうかを示します。