Requestly 將 Charles Proxy、Fiddler、Postman、Insomnia、ModHeader 等的強大功能直接帶到瀏覽器中，提供美觀、現(xiàn)代的 UI、協(xié)作功能以及創(chuàng)始人和團隊的積極支持。 Requestly 提供了所需的工具來提高前端開發(fā)人員的工作效率。

開源開發(fā)者工具，被 10000 多個組織中超過 200000 名 Web 開發(fā)者使用。 歡迎需要此插件的朋友前來下載使用。

功能特色

??以下是一些主要功能
?? 模擬服務(wù)器 → 創(chuàng)建假/模擬 API 端點
?? API 客戶端 → 測試 API 端點
?? HTTP 規(guī)則 → 攔截和修改（或模擬）HTTP 請求
?? 會話記錄 → 可視化錯誤報告和更快的調(diào)試工具
?? https://requestly.io/blog/what-is-requestly

?? 開發(fā)速度提高 10 倍
→ 使用 API 模擬并在 API 尚未準備就緒時開始在前端工作
→ 使用 API 客戶端驗證 API 響應

?? 測試速度提高 10 倍，質(zhì)量提高
→ 直接在您（或客戶）的生產(chǎn)站點上測試 JS 更改，無需部署。
→ 使用重定向規(guī)則從生產(chǎn)站點上的 local/dev env 加載腳本。
→ 使用共享功能與隊友共享Requestly規(guī)則
→ 無需設(shè)置單獨的登臺環(huán)境即可輕松獲得同行的反饋
→ 使用 Override API 響應功能來模擬和測試代碼中的邊緣情況處理

?? 錯誤報告和調(diào)試速度提高 10 倍
→ 使用 Session Recording 只需單擊一下即可報告錯誤
→ 使用 Session Recording 重現(xiàn)計算機上的問題

?? 協(xié)作速度提高 10 倍
→ 使用團隊工作區(qū)功能與您的團隊一起工作

與 Charles Proxy、Fiddler 和 Postman 不同，Requestly 不會在瀏覽器中設(shè)置代理，因此開發(fā)人員在使用它時不會遇到 VPN 問題。 Requestly 在底層利用 Chrome 擴展 API 來訪問 API 端點、攔截和修改請求或記錄會話。
Requestly 可在所有平臺上使用，包括 Firefox、Edge 以及 Mac、Windows 和 Linux 上的桌面應用程序。以下是 Requestly 提供的不同功能的描述：-

?? API 客戶端
→ 點擊API端點并檢查API服務(wù)器返回的響應
→ 導入 cURL 請求或創(chuàng)建新請求
→ 將響應保存為會話
→ 保護隱私。與其他 Web 客戶端不同，您的 API 直接從瀏覽器訪問。
?? https://app.requestly.io/api-client

?? 模擬服務(wù)器
→ 創(chuàng)建模擬 API 調(diào)用
→ 在API響應中生成Mock數(shù)據(jù)（隨機數(shù)據(jù)）
→ 使用 API 客戶端測試模擬 API 端點
→ 為端點添加延遲
→ 在 API 模擬中定義自定義 HTTP 狀態(tài)代碼和自定義標頭
→ 啟用 CORS。模擬端點將無縫工作，不會出現(xiàn) CORS 錯誤。
?? https://app.requestly.io/mocks

?? 修改 API 響應 - XMLHttpRequest (XHR) 和獲取請求
→ 為 XHR/fetch 請求的 API 定義自定義響應
→ 直接在暫存或生產(chǎn)站點上修改 API 響應
→ 使用 graphQL API
→ 為您的 API 模擬虛假 HTTP 狀態(tài)代碼（400 或 500）
→ 模擬錯誤的 API 響應并在前端代碼中測試不同的錯誤路徑
?? 演示視頻 – https://www.youtube.com/watch?v=KIPbxUGUYq8

?? 重定向 URL、更改主機、修改查詢參數(shù)（映射遠程或映射本地）
→ 在生產(chǎn)站點中使用開發(fā)/登臺 API 并測試本地更改而無需部署
→ 通過在生產(chǎn)站點中加載本地運行的 JS 來調(diào)試遠程 Javascript
→ 使用替換規(guī)則切換主機（例如 abc.com/* 到 xyz.com/*）
→ 調(diào)試廣告跟蹤像素、調(diào)試 A/B 測試活動等
→ 在生產(chǎn)站點上使用 Requestly 進行遠程調(diào)試
→ 將生產(chǎn)中的 Adob??e Launch (Adobe DTM) 腳本與暫存腳本交換
?? 演示視頻 -- https://www.youtube.com/watch?v=85GVaOWTnlE（地圖本地）

?? 修改HTTP請求和響應頭
→ 允許 CORS – 通過操作 CORS 標頭（例如 Access-Control-Allow-Origin、Access-Control-Allow-Methods 等）來處理 CORS 問題。
→ 禁用 CSP – 在選擇性/所有站點上禁用內(nèi)容安全策略（CSP 策略）
→ 添加/刪除/修改 X-Frame 選項、X-Forwarded-For、授權(quán)、mime 類型、用戶代理標頭等
→ 管理響應標頭中的 cookie
→ 用于標頭修改的條件 URL 定位。
→ 支持添加、刪除、覆蓋標頭值等選項。
?? 演示視頻 -- https://www.youtube.com/watch?v=CLEHS6NFYZY（修改標題演示）

?? 會話錄音
→ 可視化錯誤報告工具
→ 減少錯誤報告時間和調(diào)試時間
→ 自動捕獲瀏覽視頻、控制臺日志、網(wǎng)絡(luò)日志和環(huán)境詳細信息
→ 從 QA、客戶支持和其他非技術(shù)人員那里獲取質(zhì)量錯誤報告
→ 永遠不要詢問重現(xiàn)步驟
→ 永遠不要處理生成和共享 Har 文件
→ 在 Jira Tickets、電子郵件或 Slack 中的任意位置附加會話錄制鏈接
→ 比 Fiddler Jam、BirdEatsBug、Jam.dev（Jam dev）或 Marker 更好的體驗。
?? 演示視頻 – https://www.youtube.com/watch?v=g_qXQAzUQgU

?? 延遲/限制網(wǎng)絡(luò)請求 - API 請求、JS、CSS 等
→ 支持 XHR 和基于 fetch 的 API 請求的延遲
→ 延遲 API 請求以測試應用程序的加載體驗
→ 在您的應用程序中測試不同的競爭條件，
→ 將腳本或 API 延遲幾毫秒/秒
→ 當一個或多個 API 響應緩慢或失?。ˋPI 延遲增加）時測試您的應用程序

?? 將腳本插入任何網(wǎng)頁，例如 TamperMonkey 或 GreaseMonkey 腳本
→ 用戶腳本是簡單的 javascript、CSS 代碼，可以更改頁面布局、添加或刪除新功能和內(nèi)容或自動執(zhí)行操作。
→ 使用文件服務(wù)器上傳長腳本并使用腳本規(guī)則注入它們
→ 在潛在客戶的網(wǎng)站上注入您的 JS 標簽并測試您的功能
→ 銷售/產(chǎn)品團隊可以使用它直接在潛在客戶的網(wǎng)站上演示產(chǎn)品（10 倍引人入勝的演示）
?? 演示 -- https://www.youtube.com/watch?v=4dvucRjLwGY（插入自定義腳本）

?? 通過匹配關(guān)鍵字或 URL 條件來阻止請求或網(wǎng)站
→ 阻止內(nèi)部和外部腳本/API 并測試對您網(wǎng)站的影響
→ 構(gòu)建您自己的自定義攔截器：攔截與特定模式匹配的 URL - 可能是廣告、跟蹤像素、圖像等

??附加功能
→ 單擊即可啟用/禁用規(guī)則
→ 導出和導入規(guī)則并維護規(guī)則的備份
→ 與他人輕松協(xié)作。一鍵與其他用戶共享規(guī)則
?? 演示 -- https://www.youtube.com/watch?v=BM7kTFy-vdc

  插件安裝方法

方法一：.crx文件格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴展管理器最左側(cè)選擇擴展程序或直接輸入：chrome://extensions/

3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴展管理界面中，這時候用戶會發(fā)現(xiàn)在擴展管理器的中央部分中會多出一個”拖動以安裝“的插件按鈕。

4.松開鼠標就可以把當前正在拖動的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標后還會給予用戶一個確認安裝的提示。

5.用戶這時候只需要點擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通過Chrome擴展管理器找到已經(jīng)安裝的插件。

方法二：文件夾格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴展管理器最左側(cè)選擇擴展程序。

3.勾選開發(fā)者模式，點擊加載已解壓的擴展程序，將文件夾選擇即可安裝插件。

如果你在安裝過程中出現(xiàn)下圖中的錯誤程序包無效 CRX_HEADER_INVALID

可以參考：超詳細的Chrome 瀏覽器/瀏覽器插件安裝教程(全方法) 一文解決