天天看點

使用谷歌浏覽器通路今日頭條,檢視前端頁面調用接口及參數方法

作者:卷皮練習冊

使用谷歌浏覽器(Google Chrome)通路今日頭條,以今日頭條首頁搜尋按鈕為例,檢視搜尋按鈕前端頁面調用的接口及參數方法。

使用谷歌浏覽器通路今日頭條,檢視前端頁面調用接口及參數方法

今日頭條

使用谷歌浏覽器通路今日頭條,檢視前端頁面調用接口及參數方法

今日頭條搜尋按鈕

檢視前端頁面調用接口及參數方法操作步驟

1、打開谷歌浏覽器(Google Chrome),位址欄輸入“https://www.toutiao.com/“後按鍵盤Enter鍵,通路今日頭條首頁。

使用谷歌浏覽器通路今日頭條,檢視前端頁面調用接口及參數方法

今日頭條

2、按一下鍵盤F12,檢視頁面源代碼,點選彈窗右上角的三個點,可選擇源代碼資訊框呈現在該頁面的哪個位置。例如:目前選擇的是第三種呈現方式,源代碼資訊就在網頁下方呈現。

使用谷歌浏覽器通路今日頭條,檢視前端頁面調用接口及參數方法

今日頭條

3、然後點選Network,如圖所示。

使用谷歌浏覽器通路今日頭條,檢視前端頁面調用接口及參數方法

今日頭條

4、點選頁面中的“搜尋框”按鈕,頁面資訊會捕獲如下圖“list”接口,然後點選“list”,右邊就會顯示該接口的詳細資訊。

使用谷歌浏覽器通路今日頭條,檢視前端頁面調用接口及參數方法

今日頭條

5、若想查詢“list”接口調用的參數資訊,切換到右邊“”paylod“”下點選view parsed,即可看到查詢調用的所有參數,滑鼠右鍵可複制内容。

使用谷歌浏覽器通路今日頭條,檢視前端頁面調用接口及參數方法

今日頭條

接口調用

上述步驟擷取的URL、接口調用方法及參數,就可以直接拿去postman調用啦。

繼續閱讀