a.要查看页面的整体安全性，请打开 DevTools，然后转至 Security 面板。您首先会看到 Security Overview,Security Overview 会一目了然地告诉您页面是否安全。

安全页面会通过消息 This page is secure (valid HTTPS). 指示。

  b.点击 View certificate 查看主源的服务器证书。 非安全页面会通过消息 This page is not secure. 指示。

c.Security 面板可以区分两种非安全页面。 如果请求的页面通过 HTTP 提供，则主源会被标记为不安全。

 d.如果请求的页面通过 HTTPS 检索，但页面会继续使用 HTTP 检索其他源的内容，然后页面仍然会被标记为不安全。这称为混合内容页面。 混合内容页面仅受部分保护

，因为 HTTP 内容可以被嗅探器获取到且易受到中间人攻击。

e.点击 View request in Network Panel 打开 Network 面板的过滤视图，然后查看具体是哪些请求通过 HTTP 提供。 这将显示来自所有源的所有未受保护的请求。

a.使用左侧面板可以检查各个安全或非安全源。点击安全源查看该源的连接和证书详情。

b.如果您点击非安全源，Security 面板会提供 Network 面板过滤视图的链接。

c.点击链接可以查看具体是源的哪些请求通过 HTTP 提供。

 总结

    本篇主要对Network,TimeLine,Application,Security做了简要分析，并做了简要的操作指示。

     到目前为止，对Google的讲解基本结束了，若大家存在什么问题，可以把问题通过邮件发送给我，也可以在博客下面提问题。

参看文献：

【01】

【02】https://developers.google.cn/web/tools/chrome-devtools/evaluate-performance/timeline-tool?hl=zh-cn

【03】https://developers.google.cn/web/tools/chrome-devtools/manage-data/local-storage?hl=zh-cn

【04】https://developers.google.cn/web/tools/chrome-devtools/?hl=zh-cn#_9

【05】https://developers.google.cn/web/tools/chrome-devtools/security?hl=zh-cn