插件介绍
Requestly为开发人员提供了一个直观的界面，使其能够快速修改和测试 API 请求，优化开发和调试过程，该插件不仅能够提升开发效率，还能帮助开发者解决常见的 API 模拟和请求修改的需求，我们将详细介绍 Requestly 插件的主要功能特点以及安装步骤。
（开源）Github 存储库 - https://github.com/requestly/requestly/
插件功能特点
1. 模拟和修改 API 请求
Requestly 允许用户模拟 XHR 和 Fetch API 请求，开发者可以通过定义自定义 API 响应，模拟请求的返回数据。这一功能特别适用于后端未准备好时，开发者能够构建前端页面，并测试接口交互，而不必等待后端服务的完成。
2. 模拟 GraphQL API 请求
对于使用 GraphQL 的应用，Requestly 提供了模拟 GraphQL API 请求的功能。开发者可以通过配置模拟的 GraphQL 请求响应，确保前端和后端的数据交互能够顺利进行，即使后端 API 尚未实现或开发完成。
3. 覆盖 API 响应
Requestly 使得开发者能够直接修改 API 请求的响应内容，包括更改响应的正文、HTTP 状态码等。这意味着开发者可以快速验证不同 API 响应对前端应用的影响，从而优化页面功能和用户体验。
4. 替换 URL 和修改查询参数
插件支持重定向 URL 和修改查询参数，开发者可以根据需求调整请求的目标服务器地址。例如，可以将生产环境的 API 请求重定向到本地开发环境中进行调试，或者修改请求中的某些参数以模拟不同的场景。
5. 在生产环境中进行本地调试
Requestly 允许开发者在不修改代码的情况下，在生产站点上加载本地运行的 JavaScript 文件进行调试。这对于快速测试和调试前端代码非常有用，尤其是在处理生产环境中的问题时，可以避免因直接修改生产环境代码带来的风险。
6. 模拟 HTTP 状态码和延迟
开发者可以在模拟的 API 响应中设置自定义的 HTTP 状态码，例如模拟 400 或 500 错误，或模拟 API 请求的延迟。这有助于测试前端代码在不同错误和网络延迟情况下的表现，保证应用的稳定性和用户体验。
7. 团队协作功能
Requestly 提供了团队协作功能，允许团队成员共享工作空间，并共同管理和修改请求规则。团队成员之间可以轻松交换 API 模拟配置，确保开发和测试过程中的一致性和效率。
8. 注入和替换脚本
Requestly 还支持将脚本注入到网页中，类似于 TamperMonkey 或 GreaseMonkey 脚本。这对于测试和调试 A/B 测试、广告跟踪像素等非常有用，开发者可以动态插入脚本并测试页面功能。
9. 基于云的 API 模拟服务器
通过 Requestly，开发者可以轻松创建 API 模拟服务器，用于模拟不同的 API 响应。支持生成随机数据并自定义响应标头、状态码等，完全模拟真实的 API 环境，以便进行接口测试和调试。
10. 会话录音与错误报告
Requestly 提供会话录音功能，可以记录浏览器操作过程中的视频、控制台日志、网络日志等信息，并将其附加到错误报告中。对于 QA 团队和客户支持人员来说，这种功能可以大大提高错误报告和问题重现的效率。
插件安装
第一步：从页面底部的链接下载 Requestly 插件的 CRX 文件。确保下载的文件 ID 为 mdnleldcmiljblolnjhpnblkcekpdkpa。
第二步：打开 Chrome 浏览器，在右上角点击三个点的图标，选择 [扩展程序]，然后点击 [管理扩展程序]，或者直接在地址栏输入 [chrome://extensions/]。
第三步：在扩展程序页面，确保 [开发者模式] 已经打开。接着，将下载的 CRX 文件拖放到扩展程序页面中。
第四步：系统会弹出确认窗口，点击 [添加扩展程序] 即可完成安装。
第五步：安装完成后，返回浏览器界面，在右上角可以看到 Requestly 插件的图标，表示插件已成功安装并启用。
插件使用实例
修改任何XHR/Fetch响应
浏览器访问固定的 URL/Host/Path 时，会判断是否 Equals(相等)/Contains(包含)/Matches (RegEx匹配)/Matches (Wildcard匹配)，满足规则时会返回设置的response。
操作步骤：
（1）添加规则HTTP Rules---->New Rule-->Modify API Response
（2） 填写规则，保存、开启规则后刷新浏览器，规则才会启用。
VisBug下载
CSS Peeper下载
Responsive Viewer下载
Location Guard
Request X
Redux DevTools
Outomated Test Recorder
PicHostify
Lightning Copy
Lightning Studio
用户评论