Chromeのデベロッパーツールにhttps通信の安全性を確認できる「Security」が追加

Chromeのデベロッパーツールにhttps通信の安全性を確認できる「Security」パネルが追加されました。

cap01

https通信が安全な場合、「This page is secure(valid HTTPS) 」と表示されます。

cap05

こちらは、httpsのページに、httpのリソース(cssやjavascript、画像ファイルなど)を読み込んでいるケースです。「This page is insecure(broken HTTPS)」と表示されます。

cap03

下の方の「View 42 requests in Network Panel」をクリックすると、httpで読み込んでいるリソースの一覧を「Network」パネルで確認できます。

cap04

関連記事

人気の記事

目的別おすすめのWordPressテーマ(無料・有料)【2018年版】
目的別おすすめのWordPressテーマ(無料・有料)【2018年版】
2018年におすすめしたい、日本語対応の有料WordPressテーマ10選
2018年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ10選
アドセンス運用に最適なWordPressテーマ10選

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

コメント

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • Posted on
  • Updated on
  • Views 3,848