学习爬虫之前必会的技能 - 浏览器自带的开发者工具 _爬虫

本篇要介绍的是开始学习爬虫之前必会的技能 - 浏览器自带的开发者工具，学会了浏览器开发者工具，才能更好的分析出网页相应的内容结构，以及如何使用开发者工具来找出网站中信息交互的请求接口地址。
PS：请求接口地址，小白可以理解为一个网页的地址。此地址是服务器（服务器可以看做配置高点的电脑）专门返回数据用的请求地址，比如我们在浏览器上输入一个地址，回车以后能看到浏览器上返回相应的网页，请求接口地址与之类似，只不过一般返回的都是格式化的数据信息，如 JSON 。不懂 JSON 的详见：Python小课堂25 - 你真的了解JSON嘛？
浏览器的选择浏览器的选择，特意来说下对于分析爬虫元素的浏览器，笔者常用的3个，分别为：谷歌、火狐、360极速浏览器。
对于浏览器的选择，基本上只要除了微软的 IE 浏览器以外，其余浏览器都可以使用，因为 IE 自带的浏览器开发工具不太好用。这里推荐谷歌浏览器。但是作为讲解，笔者这里使用的是360极速浏览器，因为360的浏览器是双核的，既可以用 IE 内核，也可以用谷歌内核，在工作中兼容性较好，支持一些只有 IE 能访问的网页。可以放心的是下面讲解的截图虽然是360的开发者工具，但是与谷歌浏览器基本一样，安心观看啦。。。
PS：会了谷歌浏览器的开发者工具，其余浏览器同理。
浏览器的开发者工具准备首先，打开浏览器随意进入一个网页，如百度，按下F12后可以看到下图所示：

文章插图

也许你看到的框框和笔者的不一样，现在看到的框是默认吸附于浏览器的，笔者更习惯将开发者工具作为单独的一个页面呈现。笔者选择第一个按钮，可以调节如下：

文章插图

文章插图

浏览器开发者工具详讲调整后，可以看到浏览器上面一排按钮，这里只为了爬虫介绍最常用的前四个按钮，元素（Elements）、控制台（Console）、源代码（Sources），网络（Network）：

文章插图

标粗的文字（元素、网络）是学爬虫前提必须掌握的选项卡，其余两个了解即可，以下按照掌握程度的优先级进行介绍。
1. 元素（Elements）
查看元素代码结构：点击如下图的箭头（或用者用快捷键Ctrl+Shift+C）进入选择元素模式，然后从页面中选择需要查看的元素，然后可以在开发者工具元素（Elements）一栏中定位到该元素源代码的具体位置。