谷歌浏览器调试技巧简介

谷歌浏览器的调试技巧概述

1、先打开谷歌浏览器，然后按F12打开调试界面

2、请看下边的标记

(1)选择(2)手机屏幕(3)dom文档(4)控制台(5)源文件(6)网络请求(7)时间线(8)快照(9)程序(10)安全(11)审查

3、这个图标像手机/pad屏幕，点击开启后可以让谷歌浏览器模仿手机端打开网页。

4、Console控制台，这个可以随时取值，也可以修改值，辅助调试。

5、Sources源文件：查看源文件，可以打断点进行调试！

6、NetWork：前段所有的请求，里面可以查看每个请求的url地址、请求数据、返回数据，时间线等等，功能强大。

7、时间线功能如下，很好用的功能，用在调试前后台运行效率！

　　Stalled是浏览器得到要发出这个请求的指令，到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等时间等。

　　SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全（Transport Layer Security，TLS）是为网络通信提供安全及数据完整性的一种安全协议。TLS与SSL在传输层对网络连接进行加密。
　　SSL当前版本为3.0。它已被广泛地用于Web浏览器与服务器之间的身份认证和加密数据传输。

　　Request sent 请求第一个字节发出前到最后一个字节发出后的时间，也就是上传时间
　　Waiting 请求发出后，到收到响应的第一个字节所花费的时间(Time To First Byte)

　　首字节时间：
　　浏览器开始收到服务器响应数据的时间=后台处理时间+重定向时间，是反映服务端响应速度的重要指标

　　TTFB (Time To First Byte)，是最初的网络请求被发起到从服务器接收到第一个字节这段时间，它包含了 TCP连接时间，发送HTTP请求时间和获得响应消息第一个字节的时间。注意：网页重定向越多，TTFB越高，所以要减少重定向 

　　Content Download 收到响应的第一个字节，到接受完最后一个字节的时间，就是下载时间

　PS：SSL拓展

　　HTTPS（Hypertext Transfer Protocol Secure）安全超文本传输协议
　　它是由Netscape开发并内置于其浏览器中，用于对数据进行压缩和解压操作，并返回网络上传送回的结果。HTTPS实际上应用了Netscape的完全套接字层（SSL）作为HTTP应用层的子层。（HTTPS使用端口443，而不是象HTTP那样使用端口80来和TCP/IP进行通信。）SSL使用40 位关键字作为RC4流加密算法，这对于商业信息的加密是合适的。HTTPS和SSL支持使用X.509数字认证，如果需要的话用户可以确认发送者是谁。。
　　https是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，https的安全基础是SSL。

8、快照，可以查看前端的内存泄漏、运行速度，优化界面体验等。

其他的大部分人都不常用，就不做介绍了。