![d3bdcf0fde86d6fb9683e59b34cb3846.png](https://img-blog.csdnimg.cn/img_convert/d3bdcf0fde86d6fb9683e59b34cb3846.png)
首先介绍Chrome开发者工具中,调试时使用最多的三个功能页面是:元素(ELements)、控制台(Console)、源代码(Sources),此外还有网络(Network)等。
![b9e5faa72953e64fb71c65e6cabc3222.png](https://img-blog.csdnimg.cn/img_convert/b9e5faa72953e64fb71c65e6cabc3222.png)
- 元素(Elements):用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。
- 控制台(Console):控制台一般用于执行一次性代码,查看JavaScript对象,查看调试日志信息或异常信息。
- 源代码(Sources):该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码,此外最重要的是可以调试JavaScript源代码,可以给JS代码添加断点等。
- 网络(Network):网络页面主要用于查看header等与网络连接相关的信息。
1、元素(Elements)</