詳解使用Postman模擬瀏覽器的HTTP請(qǐng)求并獲取返回?cái)?shù)據(jù)
本文介紹在瀏覽器中，獲取網(wǎng)頁(yè)中的某一個(gè)請(qǐng)求信息，并將其導(dǎo)入到Postman軟件，并進(jìn)行API請(qǐng)求測(cè)試的方法。
Postman是一款流行的API開(kāi)發(fā)和測(cè)試工具，它提供了一個(gè)用戶友好的界面，用于創(chuàng)建、測(cè)試、調(diào)試和文檔化API。本文就介紹一下這一工具的最基本用法——導(dǎo)入網(wǎng)頁(yè)請(qǐng)求，并配置相關(guān)的Headers、Body等信息，從而對(duì)請(qǐng)求加以測(cè)試的方法。
話不多說(shuō)，我們直接開(kāi)始操作。首先，為了可以從瀏覽器中獲取網(wǎng)頁(yè)請(qǐng)求的信息，我們需要在瀏覽器訪問(wèn)指定的網(wǎng)頁(yè)（我這里用的是Chrome瀏覽器，因?yàn)?strong>Chrome支持以cURL格式將請(qǐng)求信息導(dǎo)出，相對(duì)更為方便一些，不過(guò)不用cURL格式也沒(méi)問(wèn)題）；隨后，按下F12按鈕，打開(kāi)開(kāi)發(fā)者模式，選擇“網(wǎng)絡(luò)”選項(xiàng)，如下圖所示；隨后，我們需要再刷新一下網(wǎng)頁(yè)。此時(shí)，我們就可以看到當(dāng)前網(wǎng)頁(yè)中各項(xiàng)內(nèi)容的名稱與信息了。
如上圖所示，本文就以某一個(gè)網(wǎng)頁(yè)中，名稱為NSW的這一項(xiàng)為例，來(lái)介紹后續(xù)的操作。接下來(lái)，我們?cè)?code>NSW上右鍵，選擇“以cURL格式復(fù)制”選項(xiàng)，如下圖所示。如果大家的瀏覽器沒(méi)有這一選項(xiàng)，那么可以直接復(fù)制請(qǐng)求的鏈接，但是需要后續(xù)手動(dòng)將請(qǐng)求的其他信息（比如Headers）配置好——所以說(shuō)cURL格式的請(qǐng)求用起來(lái)比較方便，就是因?yàn)樗?strong>鏈接自身，還可以附帶請(qǐng)求的其他信息，不需要我們手動(dòng)再一一配置了。
接下來(lái)，在Postman軟件中，選擇“Import”選項(xiàng)，如下圖所示。
隨后，將我們剛剛復(fù)制好的cURL或者普通的URL粘貼到這里；如下圖所示。
隨后，就會(huì)看到如下圖所示的界面。此時(shí)，如果大家前面“Import”時(shí)，復(fù)制的是cURL格式的請(qǐng)求，那么只要這個(gè)請(qǐng)求沒(méi)有其他的問(wèn)題，且在下圖左側(cè)位置調(diào)整好我們請(qǐng)求的類型（比如GET請(qǐng)求、POST請(qǐng)求等）之后，點(diǎn)擊下圖右側(cè)紫色框內(nèi)的“Send”選項(xiàng)，就可以發(fā)出請(qǐng)求了。如果大家用的是URL格式的請(qǐng)求，那么還需要手動(dòng)配置一下請(qǐng)求的Headers、Body等信息（如果這些信息是必要的話）；具體的配置方法大家繼續(xù)看后文即可。
在我這里，雖然“Import”時(shí)，復(fù)制的是cURL格式的請(qǐng)求，但由于我這個(gè)請(qǐng)求有些問(wèn)題，所以發(fā)出請(qǐng)求后，在“Response”還暫時(shí)看不到任何信息。
我這里需要再額外手動(dòng)添加一項(xiàng)Headers才可以；如下圖所示。當(dāng)然，這里大家就結(jié)合自己請(qǐng)求的需要來(lái)修改就好。
配置Headers時(shí)，我們既可以用如上圖所示的方式，來(lái)調(diào)整每一項(xiàng)Headers的鍵值對(duì)，也可以用下圖中“Bulk Edit”方法，批量配置多條Headers。
如下圖所示，我們可以直接復(fù)制多條Headers的信息，從而批量配置。需要注意，批量配置時(shí)，一行是一個(gè)Headers，每一個(gè)Headers的鍵、值用英文冒號(hào):分開(kāi)，同時(shí)可以用//注釋掉不需要的Headers。
配置完畢對(duì)應(yīng)的信息后，我們可以再“Send”一下我們的請(qǐng)求；如果在“Response”中看到如下圖所示的信息，就說(shuō)明我們的請(qǐng)求無(wú)誤，且正常返回了內(nèi)容；從下圖右上角可以看出，請(qǐng)求返回的HTTP狀態(tài)碼為200，沒(méi)有問(wèn)題。
至此，大功告成。
到此這篇關(guān)于詳解使用Postman模擬瀏覽器的HTTP請(qǐng)求并獲取返回?cái)?shù)據(jù)的文章就介紹到這了,更多相關(guān)Postman模擬瀏覽器HTTP請(qǐng)求內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了VSCode自定義配色方案的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
這篇文章主要介紹了Windows、IDEA、VS Code常用快捷鍵匯總,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04
大家有時(shí)候希望從git倉(cāng)庫(kù)中拉取代碼時(shí)目錄就已經(jīng)存在了，不需要再手動(dòng)創(chuàng)建，但是git并不允許git提交空目錄，應(yīng)該怎么辦呢？這篇文章通過(guò)可能遇到的兩個(gè)情況來(lái)分別介紹如何解決，有需要的朋友們可以參考借鑒。2016-09-09
在地址欄里顯示logo，其實(shí)大家可以看一些網(wǎng)站的頭部里面，下面的方法講的更仔細(xì)。2009-02-02
Jenkins使用publish?html?report插件展示HTML報(bào)告的方法
這篇文章主要介紹了Jenkins使用publish?html?report插件展示HTML報(bào)告的方法,展示普通的html如何展示在jenkins上，本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-03-03
git 配置多個(gè)SSH-Key實(shí)現(xiàn)示例
這篇文章主要為大家介紹了git 配置多個(gè)SSH-Key實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
通過(guò)自定義字段重新排序 WordPress 文章方法
在本文中，我將向您展示如何通過(guò)自定義字段更改文章的順序。WordPress 中文章的默認(rèn)順序基于發(fā)布日期，并按時(shí)間倒序顯示。這意味著它將在頂部顯示最新的文章。2021-09-09
git?clone報(bào)錯(cuò)SSL?connect?error解決
這篇文章主要為大家介紹了git?clone報(bào)錯(cuò)SSL?connect?error解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-11-11
Git如何查看歷史提交及其參數(shù)設(shè)定的常用命令詳解
查看 Git 提交歷史可以幫助你了解代碼的變更情況和開(kāi)發(fā)進(jìn)度,Git 提供了多種命令和選項(xiàng)來(lái)查看提交歷史,從簡(jiǎn)單的日志到詳細(xì)的差異對(duì)比,本文給大家介紹了Git如何查看歷史提交及其參數(shù)設(shè)定的常用命令,需要的朋友可以參考下2025-07-07
全網(wǎng)最詳細(xì)的vscode基礎(chǔ)教程
vscode全稱為visual studio code，是微軟旗下一款非常優(yōu)秀的跨平臺(tái)代碼編輯軟件。vscode 中文版集成了大部分代碼編輯的器的優(yōu)點(diǎn)，集成GIT、代碼調(diào)試、語(yǔ)法高亮，擁有強(qiáng)大豐富的插件系統(tǒng)2020-01-01