首頁 > 網際網路

通過Chrome的console查詢到發出ajax請求的js

2019-12-19 08:02:35

在專案開發中,可能會因為js太多或者上線的時候js都是經過了壓縮的,想直接通過程式碼來找到某個ajax請求的方法,真的很頭疼。當然,如果你的專案中js沒有壓縮,那就不需要這樣麻煩了,直接在點開小箭頭然後點選後面的js連結即可馬上檢視到了。

幸好Chrome有呼叫的函數名的提示,這樣就方便我查詢了,用火狐的firebug我暫時沒有發現這個強大的功能(也許有,只是我沒發現)

1

首先點選左邊的小箭頭,即可看到很多函數名。我本來想在官方看有沒有介紹的,找了半天沒看到,只能自己琢磨啦,我發現原來這些函數是從下往上呼叫的



2

以上圖中的紅框框中的兩個ajax請求為例。

send

f.extend.ajax

f.(anonymous function)

core.share.post_share

M.addModelFns.addEventFns.post_share.click

因為這個JS是php檔案壓縮過的,根本不好找啊。



3

只能在專案中全域性搜尋鍵碼,雖然也是很快,但也能找到。如果就發現了:

M.addModelFns.addEventFns.post_share.click,然後也找到了在click時候呼叫core.share.post_share了。


4

再拿另一個ajax請求為例。

send

f.extend.ajax

ui.box.load

share

M.addEventFns.share.click

當然,如果你的專案中js沒有壓縮,那就不需要這樣麻煩了,直接在點開小箭頭然後點選後面的js連結即可馬上檢視到了。




IT145.com E-mail:sddin#qq.com