Chrome F12

Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还有网络（Network）等。

 

1、元素（Elements）：用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。

2、控制台（Console）：控制台一般用于执行一次性代码，查看JavaScript对象，查看调试日志信息或异常信息。

3、源代码（Sources）：该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码，此外最重要的是可以调试JavaScript源代码，可以给JS代码添加断点等。

4、网络（Network）：网络页面主要用于查看header等与网络连接相关的信息Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还有网络（Network）等。

编号为2的是清空请求记录；编号3的是保持记录，这在网页有重定向的时候很有用;图中绿色区域就是加载完整个网页，浏览器的全部请求记录，包括网址、状态、类型等;编号为4的红框显示了加载这个网页，一共请求了181次

图中左边红框就是点击的请求网址；绿框就是详情窗口

详情窗口包括，Headers（请求头）、Preview（预览响应）、Response（服务器响应内容）和Timing（耗时）;Preview、Response 帮助我们查看该条请求是不是有爬虫想要的数据

可以模拟弱网环境测试