Postman模擬瀏覽器網頁請求並獲取網頁數據

来源:https://www.cnblogs.com/fkxxgis/p/18112668
-Advertisement-
Play Games

本文介紹在瀏覽器中,獲取網頁中的某一個請求信息,並將其導入到Postman軟體,併進行API請求測試的方法。 Postman是一款流行的API開發和測試工具,它提供了一個用戶友好的界面,用於創建、測試、調試和文檔化API。本文就介紹一下這一工具的最基本用法——導入網頁請求,並配置相關的Headers ...


  本文介紹在瀏覽器中,獲取網頁中的某一個請求信息,並將其導入到Postman軟體,併進行API請求測試的方法。

  Postman是一款流行的API開發和測試工具,它提供了一個用戶友好的界面,用於創建、測試、調試和文檔化API。本文就介紹一下這一工具的最基本用法——導入網頁請求,並配置相關的HeadersBody等信息,從而對請求加以測試的方法。

  話不多說,我們直接開始操作。首先,為了可以從瀏覽器中獲取網頁請求的信息,我們需要在瀏覽器訪問指定的網頁(我這裡用的是Chrome瀏覽器,因為Chrome支持以cURL格式將請求信息導出,相對更為方便一些,不過不用cURL格式也沒問題);隨後,按下F12按鈕,打開開發者模式,選擇“網路”選項,如下圖所示;隨後,我們需要再刷新一下網頁。此時,我們就可以看到當前網頁中各項內容的名稱與信息了。

image

  如上圖所示,本文就以某一個網頁中,名稱為NSW的這一項為例,來介紹後續的操作。接下來,我們在NSW上右鍵,選擇“以cURL格式複製”選項,如下圖所示。如果大家的瀏覽器沒有這一選項,那麼可以直接複製請求的鏈接,但是需要後續手動將請求的其他信息(比如Headers)配置好——所以說cURL格式的請求用起來比較方便,就是因為它除了鏈接自身,還可以附帶請求的其他信息,不需要我們手動再一一配置了。

  接下來,在Postman軟體中,選擇“Import”選項,如下圖所示。

  隨後,將我們剛剛複製好的cURL或者普通的URL粘貼到這裡;如下圖所示。

  隨後,就會看到如下圖所示的界面。此時,如果大家前面“Import”時,複製的是cURL格式的請求,那麼只要這個請求沒有其他的問題,且在下圖左側位置調整好我們請求的類型(比如GET請求、POST請求等)之後,點擊下圖右側紫色框內的“Send”選項,就可以發出請求了。如果大家用的是URL格式的請求,那麼還需要手動配置一下請求的HeadersBody等信息(如果這些信息是必要的話);具體的配置方法大家繼續看後文即可。

  在我這裡,雖然“Import”時,複製的是cURL格式的請求,但由於我這個請求有些問題,所以發出請求後,在“Response”還暫時看不到任何信息。

  我這裡需要再額外手動添加一項Headers才可以;如下圖所示。當然,這裡大家就結合自己請求的需要來修改就好。

  配置Headers時,我們既可以用如上圖所示的方式,來調整每一項Headers鍵值對,也可以用下圖中“Bulk Edit”方法,批量配置多條Headers

  如下圖所示,我們可以直接複製多條Headers的信息,從而批量配置。需要註意,批量配置時,一行是一個Headers,每一個Headers的鍵、值用英文冒號:分開,同時可以用//註釋掉不需要的Headers

  配置完畢對應的信息後,我們可以再“Send”一下我們的請求;如果在“Response”中看到如下圖所示的信息,就說明我們的請求無誤,且正常返回了內容;從下圖右上角可以看出,請求返回的HTTP狀態碼為200,沒有問題。

  至此,大功告成。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、Progress Progress組件是一種用戶界面(UI)元素,用於向用戶顯示某些任務的進度。它通常以進度條的形式出現,顯示任務完成的百分比。Progress組件可以在確定任務持續時間未知的情況下提供有用的反饋,幫助用戶瞭解任務的狀態和進度。 在Web應用程式中,Progress組件通常是 ...
  • iOS項目環境搭建和依賴管理 一個項目總是會依賴一些庫, 有些是第三方的, 有些可能是項目自身為了復用拆出去的. 現有主流的iOS依賴有多種形式, 比如CocoaPods, Carthage和swift package. 本文是一些環境搭建和使用項目依賴相關的筆記. 全局環境準備 基本上iOS開發都 ...
  • 一、Toggle Toggle組件是一個互動式UI組件,用於切換兩種狀態之間的選擇或開關。它通常用於表示開關按鈕,例如在設置中啟用或禁用某些選項。 在Toggle組件中,用戶可以點擊按鈕來切換狀態,或者使用鍵盤或其他輸入設備上的快捷鍵。通常,Toggle組件會在用戶點擊或切換狀態時觸發一個事件, ...
  • 一、Radio Radio單選框是一種表單元素,允許用戶從一組選項中選擇一個選項。它由一個圓圈和一個標簽組成,用戶只能選擇其中一個選項。Radio單選框通常用於表單中,用於收集用戶選擇的信息,例如用戶性別、年齡、愛好等等。 Radio單選框的作用是允許用戶從有限的選項中進行選擇,使表單填寫更加快 ...
  • 安裝react-native-fs npm npm install react-native-fs --save yarn yarn add react-native-fs 安卓配置 android/settings.gradle ... include ':react-native-fs' pro ...
  • nvm nvm(Node Version Manager)是一個Node.js的版本管理器。 安裝nvm windows安裝nvm 1. 下載nvm 下載地址:nvm-windows,下載 nvm-noinstall 或者 nvm-setup.exe 如果使用 nvm-noinstall 可以運行 ...
  • 大家好,我是 Java陳序員。 今天,給大家介紹一個基於 Vue3 實現的高仿抖音開源項目。 關註微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。 項目介紹 douyin —— 一個基於 Vue、Vite 實現,模仿抖音的移動端短視頻項目。 這個項目的 ...
  • 一、簡單分析 簡單的分析,從輸入 URL到回車後發生的行為如下: URL解析 DNS 查詢 TCP 連接 HTTP 請求 響應請求 頁面渲染 二、詳細分析 URL解析 首先判斷你輸入的是一個合法的URL 還是一個待搜索的關鍵詞,並且根據你輸入的內容進行對應操作 URL的解析第過程中的第一步,一個ur ...
一周排行
    -Advertisement-
    Play Games
  • 概述:本文代碼示例演示瞭如何在WPF中使用LiveCharts庫創建動態條形圖。通過創建數據模型、ViewModel和在XAML中使用`CartesianChart`控制項,你可以輕鬆實現圖表的數據綁定和動態更新。我將通過清晰的步驟指南包括詳細的中文註釋,幫助你快速理解並應用這一功能。 先上效果: 在 ...
  • openGauss(GaussDB ) openGauss是一款全面友好開放,攜手伙伴共同打造的企業級開源關係型資料庫。openGauss採用木蘭寬鬆許可證v2發行,提供面向多核架構的極致性能、全鏈路的業務、數據安全、基於AI的調優和高效運維的能力。openGauss深度融合華為在資料庫領域多年的研 ...
  • openGauss(GaussDB ) openGauss是一款全面友好開放,攜手伙伴共同打造的企業級開源關係型資料庫。openGauss採用木蘭寬鬆許可證v2發行,提供面向多核架構的極致性能、全鏈路的業務、數據安全、基於AI的調優和高效運維的能力。openGauss深度融合華為在資料庫領域多年的研 ...
  • 概述:本示例演示了在WPF應用程式中實現多語言支持的詳細步驟。通過資源字典和數據綁定,以及使用語言管理器類,應用程式能夠在運行時動態切換語言。這種方法使得多語言支持更加靈活,便於維護,同時提供清晰的代碼結構。 在WPF中實現多語言的一種常見方法是使用資源字典和數據綁定。以下是一個詳細的步驟和示例源代 ...
  • 描述(做一個簡單的記錄): 事件(event)的本質是一個委托;(聲明一個事件: public event TestDelegate eventTest;) 委托(delegate)可以理解為一個符合某種簽名的方法類型;比如:TestDelegate委托的返回數據類型為string,參數為 int和 ...
  • 1、AOT適合場景 Aot適合工具類型的項目使用,優點禁止反編 ,第一次啟動快,業務型項目或者反射多的項目不適合用AOT AOT更新記錄: 實實在在經過實踐的AOT ORM 5.1.4.117 +支持AOT 5.1.4.123 +支持CodeFirst和非同步方法 5.1.4.129-preview1 ...
  • 總說周知,UWP 是運行在沙盒裡面的,所有許可權都有嚴格限制,和沙盒外交互也需要特殊的通道,所以從根本杜絕了 UWP 毒瘤的存在。但是實際上 UWP 只是一個應用模型,本身是沒有什麼許可權管理的,許可權管理全靠 App Container 沙盒控制,如果我們脫離了這個沙盒,UWP 就會放飛自我了。那麼有沒... ...
  • 目錄條款17:讓介面容易被正確使用,不易被誤用(Make interfaces easy to use correctly and hard to use incorrectly)限制類型和值規定能做和不能做的事提供行為一致的介面條款19:設計class猶如設計type(Treat class de ...
  • title: 從零開始:Django項目的創建與配置指南 date: 2024/5/2 18:29:33 updated: 2024/5/2 18:29:33 categories: 後端開發 tags: Django WebDev Python ORM Security Deployment Op ...
  • 1、BOM對象 BOM:Broswer object model,即瀏覽器提供我們開發者在javascript用於操作瀏覽器的對象。 1.1、window對象 視窗方法 // BOM Browser object model 瀏覽器對象模型 // js中最大的一個對象.整個瀏覽器視窗出現的所有東西都 ...