谷歌浏览器开发者工具的使用（掌握！）

元素(Elements):用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等.

控制台(Console):控制台一般用于执行一次性代码, 查看JavaScript对象, 查看调试日志信息或异常信息.

源代码(Sources):该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码, 此外最重要的是可以调试JavaScript源代码, 可以给JS代码添加断点等.

网络(Network):网络页面主要用于查看 header 等与网络连接相关的信息.

注意:Network 中的每一项就是一次请求/响应过程, 点击每一项, 可查看本次请求响应的报文信息.