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

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

基本都會說固然是谷歌瀏覽器,它徹底遵照了W3C的標準,是最最最受程序員歡迎的瀏覽器瀏覽器

其次火狐瀏覽器,安全性高。能夠做爲備用瀏覽器。安全

Edge是微軟最新發布的瀏覽器,和谷歌瀏覽器內核同樣。也是很是不錯的網絡

那IE呢? 對不起,打擾了!異步

在進行爬蟲時,不可避免的會用到瀏覽器的調試功能,須要去查看請求的地址、參數、響應,有時候還須要進行JS調試。工具

下面呢就給你們介紹一下谷歌瀏覽器的調試技巧。spa

谷歌瀏覽器中打開調試工具的快捷鍵是F12 或者 Ctrl + Shift + i。 固然也能夠按照下圖的步驟去打開3d

按照上圖的標註所示調試

一、用於選擇頁面中的某個元素來審查或查看相關的信息。 一樣在Elements頁面下,點擊某個Dom元素時,箭頭按鈕會變成選擇狀態,頁面中也會標識出對應的元素日誌

二、設備按鈕,能夠進行移動端和PC端的切換。選擇不一樣的移動端設備,而且能夠選擇不一樣的尺寸比例。

三、Elements,用於查看修改頁面中的元素。包括DOM標籤,CSS樣式等。修改完以後頁面當即生效

好比我經過Elements修改了個人支付寶餘額

四、Console,用於打印和輸出相關的信息。好比輸出錯誤日誌,除此以外還能夠執行一些簡單的代碼

五、Sources,js資源頁面,能夠在頁面中找到瀏覽器中的js源文件。方便咱們進行查看和調試

六、NetWork,網絡請求的標籤頁。能夠看到全部的資源請求,而且能夠進行請求的篩選

從上圖能夠看到,請求的狀態碼、類型、時間、大小等信息

若是點擊XHR則只顯示異步請求資源,點擊具體的請求能夠看到請求頭信息,參數、請求方法等信息

PreviewResponse中還能夠看到具體的響應信息

大部分狀況,爬蟲的時候只須要經過調試工具去分析請求的方式(POST/GET/..),請求的URL,請求的參數,請求頭信息以及響應信息便可。

在這裏插入圖片描述

相關文章
相關標籤/搜索