爬虫系列 | 三、谷歌浏览器的基本使用

你要问程序员最喜欢的浏览器是什么？

基本都会说固然是谷歌浏览器，它彻底遵照了W3C的标准，是最最最受程序员欢迎的浏览器

其次火狐浏览器，安全性高。能够做为备用浏览器。

Edge是微软最新发布的浏览器，和谷歌浏览器内核同样。也是很是不错的

那IE呢？ 对不起，打扰了！

在进行爬虫时，不可避免的会用到浏览器的调试功能，须要去查看请求的地址、参数、响应，有时候还须要进行JS调试。

下面呢就给你们介绍一下谷歌浏览器的调试技巧。

谷歌浏览器中打开调试工具的快捷键是F12 或者 Ctrl + Shift + i。 固然也能够按照下图的步骤去打开

按照上图的标注所示

一、用于选择页面中的某个元素来审查或查看相关的信息。 一样在Elements页面下，点击某个Dom元素时，箭头按钮会变成选择状态，页面中也会标识出对应的元素

二、设备按钮，能够进行移动端和PC端的切换。选择不一样的移动端设备，而且能够选择不一样的尺寸比例。

三、Elements，用于查看修改页面中的元素。包括DOM标签，CSS样式等。修改完以后页面当即生效

好比我经过Elements修改了个人支付宝余额

四、Console，用于打印和输出相关的信息。好比输出错误日志，除此以外还能够执行一些简单的代码

五、Sources，js资源页面，能够在页面中找到浏览器中的js源文件。方便咱们进行查看和调试

六、NetWork，网络请求的标签页。能够看到全部的资源请求，而且能够进行请求的筛选

从上图能够看到，请求的状态码、类型、时间、大小等信息

若是点击XHR则只显示异步请求资源，点击具体的请求能够看到请求头信息，参数、请求方法等信息

在Preview 和Response中还能够看到具体的响应信息

大部分状况，爬虫的时候只须要经过调试工具去分析请求的方式（POST/GET/..），请求的URL，请求的参数，请求头信息以及响应信息便可。