天天看點

如何利用chrome和firefox進行接口分析

有時候,我們可能看到了比較好的資源網站,就想把它的接口抽象出來,然後存起來,收藏下來。供我們自己去調用。

這往往離不開利用浏覽器去分析接口。

因為我們一開始無法判斷頁面上的資料到底是局部渲染出來的、後端綁定的還是利用後端傳回的js,然後再進行渲染的(指的是并不在頁面裡面,而是在标簽裡面的)。利用firefox,點開頁面和開發者工具,重新整理一下,

如何利用chrome和firefox進行接口分析

得到這些請求,不過,這裡使用的是百度,我們可以在自己希望的頁面中來這樣做。如果需要獲得接口,首先可以忽略那些架構類的js檔案的請求,然後再來尋找。不過此時,可以借助另一個地方,就是網絡

如何利用chrome和firefox進行接口分析
如何利用chrome和firefox進行接口分析

如果找到了這種傳回Json的接口,可以先存起來,不一定有用。去除掉所有這些json的接口之後,可能還留下一些頁面的基礎js檔案,這個時候就需要細細的浏覽代碼了。看源碼之後可能會遇到一些問題,比如某個變量定義為全局變量,我找不到定義在哪,辦法是在console中列印出來。例如:

如何利用chrome和firefox進行接口分析

如果需要在全局搜尋某些值在哪出現了,可以通過 chrome的搜尋功能,預設快捷鍵是 ctrl+shift+F ,不過這和搜狗輸入法的預設快捷鍵沖突了,是以還是手動去點吧(因為沖突太多了,比如 idea 裡面也有 ctrl + shift + F的全局搜尋)。

demoObject.demoFuntion.toString()