這里使用了一個(gè)早期的ajax請(qǐng)求攔截瀏覽器插件，對(duì)于前端工作還是挺有幫助，它可以幫助前端對(duì)于后端返回的數(shù)據(jù)進(jìn)行修改，用于測(cè)試頁(yè)面數(shù)據(jù)
image.png
- 無(wú)需后端配合，快速 Mock 接口數(shù)據(jù)
前端可直接修改任意接口的響應(yīng)內(nèi)容（JSON / HTML / Text），模擬不同數(shù)據(jù)狀態(tài)。
適用于：字段缺失、異常結(jié)構(gòu)、空數(shù)組、錯(cuò)誤碼等邊界情況測(cè)試。 - 高效驗(yàn)證頁(yè)面 UI/交互邏輯
修改返回?cái)?shù)據(jù) → 實(shí)時(shí)查看頁(yè)面渲染效果，無(wú)需等待后端聯(lián)調(diào)。
例如：
把 status: 0 改成 status: 1 測(cè)試成功/失敗態(tài)
添加超長(zhǎng)文本測(cè)試布局溢出
注入特殊字符測(cè)試 XSS 防護(hù) - 調(diào)試數(shù)據(jù)結(jié)構(gòu)兼容性問(wèn)題
當(dāng)后端臨時(shí)變更字段名、類(lèi)型或嵌套結(jié)構(gòu)時(shí)，前端可用攔截器“修復(fù)”數(shù)據(jù)格式，避免頁(yè)面崩潰。
快速定位是 數(shù)據(jù)問(wèn)題 還是 代碼邏輯問(wèn)題。 - 繞過(guò)權(quán)限/環(huán)境限制進(jìn)行本地測(cè)試
模擬高權(quán)限用戶(hù)的數(shù)據(jù)返回，測(cè)試管理后臺(tái)功能。
在無(wú)測(cè)試賬號(hào)情況下，偽造登錄態(tài)所需的關(guān)鍵字段。 - 提升開(kāi)發(fā)效率，減少對(duì)后端依賴(lài)
后端接口未完成？用攔截器返回假數(shù)據(jù)先行開(kāi)發(fā)。
聯(lián)調(diào)阻塞？自己構(gòu)造各種響應(yīng)場(chǎng)景自測(cè)。 - 低成本實(shí)現(xiàn) A/B 測(cè)試原型
通過(guò)修改返回內(nèi)容，快速驗(yàn)證不同 UI 方案的效果（如改按鈕文案、隱藏某模塊）。 - 安全可控，僅作用于本地瀏覽器
所有修改僅在開(kāi)發(fā)者本機(jī)生效，不影響線(xiàn)上服務(wù)或其他人。
關(guān)閉插件即恢復(fù)真實(shí)接口，無(wú)殘留風(fēng)險(xiǎn)。
