js工具頁面 測試後端API,支援GET POST

2021-09-02 15:59:06 字數 720 閱讀 2048

作為乙個前端開發,只要專案實現了前後端分離,就免不了要測試後端提供的api是不是正常。但有時候要測試後端api,可能需要先登入,用fiddler等工具又一堆麻煩的配置,所以寫這個簡陋的頁面。

使用方法:將下面**儲存成乙個html頁面,然後上傳到後端api所在web伺服器中,如果需要登入的話先登入,然後訪問該頁面。

頁面中有兩個按鈕:

execute:執行請求(快捷操作:按enter鍵)

clear:清空表單(快捷操作:按esc鍵)

選擇框:

method:只有get和post兩種,

get請求:如果有引數需要拼寫在url後面(例如:/api/v1/list?foo=false&bar=1)

post請求:請求引數是以json格式傳送到後端的,請求引數貼上到param的輸入框中

輸入框:

param:post請求時的引數,get請求不需要,向該輸入框中輸入資料時會自動切換到post的method

顯示框:

result:顯示請求結果,僅支援返回結果為json的請求,返回的json資料會被格式化輸出成縮排為4個空格的資料顯示,可以供模擬資料拷貝使用。

execute

clear

getpost

url:

param:

result:

ps:附上檔案。

API測試與相容 效能檢測工具

效能檢測工具 國外 yslow 23條效能軍規,打分制,提供瀏覽器外掛程式 webpagetest 真實瀏覽器,多地區,視屏截圖 googlepagespeed 真實瀏覽器,移動端 國內 效能魔方 推薦 多地區 運營商 多角度 優化建議 賬號owen 阿里測 老牌 多地區 多瀏覽器 訪問限制 17c...

js 實現頁面朗讀功能,利用百度語音API

臣亮言 先帝創業未半,而中道崩殂 今天下三分,益州疲敝,此誠 危急存亡之秋也。然侍衛之臣,不懈於內 忠志之士,忘身於外者 蓋追 先帝之殊遇,欲報之於陛下也。誠宜開張聖聽,以光先帝遺德,恢弘志士 之氣 不宜妄自菲薄,引喻失義,以塞忠諫之路也。宮中府中,俱為一體 陟罰臧否,不宜異同 若有作奸犯科,及為忠...

JS實現前後端資料互動 簡單登陸頁面互動

前後端互動的問題有 1 資料是怎麼傳送到後端?2 後端是怎麼接收到前端傳送過來的資料?3 後端怎麼對前端傳送來的資料進行處理?4 處理完之後又怎麼寫入資料庫,以及給前端返回處理結果?案例 實現簡單的登陸註冊的頁面 前端 賬號 密碼 登入註冊 err 0,msg 登入成功 後端 介面文件 method...