爬蟲系列 | 三、谷歌瀏覽器的基本使用

你要問程序員最喜歡的瀏覽器是什麼？

基本都會說固然是谷歌瀏覽器，它徹底遵照了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，請求的參數，請求頭信息以及響應信息便可。