前端开发必备工具-请求的响应修改器（chrome/edge 插件）

关键词：Ajax 请求拦截器、修改网页请求、请求参数编辑插件、调试网页 API 请求、拦截 Fetch 和 XMLHttpRequest、自定义请求数据、浏览器请求修改工具、请求拦截和重写、网络请求调试工具

让接口调试不再是噩梦

作为前端开发者,你是否遇到过这些痛点:

• 后端接口没有ready,需要自己mock数据  

• 线上bug复现困难,想修改接口响应来测试 

 • 需要拦截修改请求参数来调试问题

• 想测试各种异常状态码的处理逻辑 

现在,这些问题都可以用 Requestly Intercept Modifier 轻松解决!

强大特性一览

1、 支持拦截并修改 XMLHttpRequest 和 fetch 请求的响应结果，包括 404 状态的请求
2、支持基于正则表达式和 HTTP 请求方法匹配请求
3、支持以 JSON 或 JavaScript 格式编辑响应结果
4、支持在 JavaScript 编程中从 arguments 参数获取原始请求信息，轻松创建 mock 场景
5、在 DevTools 中新增 U-Network 面板，快速实现请求拦截和响应结果修改
6、支持更改请求的 URL、请求头和请求体

丰富的功能模块

• 国际化支持：通过vue-i18n插件实现了多语言切换功能，方便全球用户使用。
• 动态布局调整：根据窗口大小自动调整页面元素的位置和样式，提升用户体验。
• 代码格式化与保存：内置了代码格式化工具，并支持快捷键保存（Ctrl+S），简化了开发流程。
• 实时预览与调试：利用Monaco Editor的强大功能，提供了实时代码预览和调试能力，让开发者能够即时看到修改效果。

• 双模式切换：普通模式，简单直观,快速替换响应。专业模式，通过编程方式精确控制请求和响应

为什么选择 Requestly Intercept Modifier?

1. 开发调试效率提升300%

• 无需等待后端接口

• 快速复现和定位问题

• 一键切换各种测试场景

2. 强大而简单

• 5分钟即可上手使用

• 内置丰富示例代码

• 无需复杂配置

• 专为前端开发者打造

• 完美契合前端开发流程

• 提供专业的编程体验

• 支持各种复杂场景

安装扩展插件

Requestly Intercept Modifier

基本使用

1、配置需要修改的接口，一般截取路径部分就可以

2、填入要返回的响应题

3、刷新看效果

高级使用，修改请求体

注意：不使用的时候尽量关掉，避免不必要的报错