游戏介绍

Requestly是一款功能强大的浏览器插件，支持Chrome和Firefox浏览器，它为用户提供了多种网络请求和响应的修改功能，极大地提升了前端开发与测试的效率。用户可以根据需要设置规则，将特定的URL请求重定向到其他URL，这对于测试和开发过程中的环境切换非常有用。

软件教程

安装方法

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

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。

5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话)，如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。

方法二：文件夹格式插件安装

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

如果你在安装过程中出现下图中的错误程序包无效 CRX_HEADER_INVALID

常见问题

注意事项

更新时间：2024/12/6

兼容性：请确保你的Chrome浏览器版本与Requestly插件兼容，以避免出现无法使用的情况。

安全性：在下载和安装插件时，请务必从可信的来源进行下载，并确保插件的安全性和稳定性。避免下载和安装来源不明的插件，以免给浏览器带来安全风险。

性能影响：虽然Requestly插件对浏览器性能的影响较小，但过多的插件和复杂的设置可能会消耗一定的系统资源。因此，在使用时请注意观察浏览器的性能表现，并根据实际情况进行适当调整。

软件功能

🌟以下是一些主要功能

✔️ 模拟服务器 → 创建假/模拟 API 端点

✔️ API 客户端 → 测试 API 端点

✔️ HTTP 规则 → 拦截和修改(或模拟)HTTP 请求

✔️ 会话记录 → 可视化错误报告和更快的调试工具

📌 https://requestly.io/blog/what-is-requestly

🔥 开发速度提高 10 倍

→ 使用 API 模拟并在 API 尚未准备就绪时开始在前端工作

→ 使用 API 客户端验证 API 响应

🔥 测试速度提高 10 倍，质量提高

→ 直接在您(或客户)的生产站点上测试 JS 更改，无需部署。

→ 使用重定向规则从生产站点上的 local/dev env 加载脚本。

→ 使用共享功能与队友共享Requestly规则

→ 无需设置单独的登台环境即可轻松获得同行的反馈

→ 使用 Override API 响应功能来模拟和测试代码中的边缘情况处理

🔥 错误报告和调试速度提高 10 倍

→ 使用 Session Recording 只需单击一下即可报告错误

→ 使用 Session Recording 重现计算机上的问题

🔥 协作速度提高 10 倍

→ 使用团队工作区功能与您的团队一起工作

与 Charles Proxy、Fiddler 和 Postman 不同，Requestly 不会在浏览器中设置代理，因此开发人员在使用它时不会遇到 VPN 问题。 Requestly 在底层利用 Chrome 扩展 API 来访问 API 端点、拦截和修改请求或记录会话。

Requestly 可在所有平台上使用，包括 Firefox、Edge 以及 Mac、Windows 和 Linux 上的桌面应用程序。以下是 Requestly 提供的不同功能的描述：-

👉 API 客户端

→ 点击API端点并检查API服务器返回的响应

→ 导入 cURL 请求或创建新请求

→ 将响应保存为会话

→ 保护隐私。与其他 Web 客户端不同，您的 API 直接从浏览器访问。

📌 https://app.requestly.io/api-client

👉 模拟服务器

→ 创建模拟 API 调用

→ 在API响应中生成Mock数据(随机数据)

→ 使用 API 客户端测试模拟 API 端点

→ 为端点添加延迟

→ 在 API 模拟中定义自定义 HTTP 状态代码和自定义标头

→ 启用 CORS。模拟端点将无缝工作，不会出现 CORS 错误。

📌 https://app.requestly.io/mocks

👉 修改 API 响应 - XMLHttpRequest (XHR) 和获取请求

→ 为 XHR/fetch 请求的 API 定义自定义响应

→ 直接在暂存或生产站点上修改 API 响应

→ 使用 graphQL API

→ 为您的 API 模拟虚假 HTTP 状态代码(400 或 500)

→ 模拟错误的 API 响应并在前端代码中测试不同的错误路径

📌 演示视频 – https://www.youtube.com/watch?v=KIPbxUGUYq8

👉 重定向 URL、更改主机、修改查询参数(映射远程或映射本地)

→ 在生产站点中使用开发/登台 API 并测试本地更改而无需部署

→ 通过在生产站点中加载本地运行的 JS 来调试远程 Javascript

→ 使用替换规则切换主机(例如 abc.com/* 到 xyz.com/*)

→ 调试广告跟踪像素、调试 A/B 测试活动等

→ 在生产站点上使用 Requestly 进行远程调试

→ 将生产中的 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 – 在选择性/所有站点上禁用内容安全策略(CSP 策略)

→ 添加/删除/修改 X-Frame 选项、X-Forwarded-For、授权、mime 类型、用户代理标头等

→ 管理响应标头中的 cookie

→ 用于标头修改的条件 URL 定位。

→ 支持添加、删除、覆盖标头值等选项。

📌 演示视频 -- https://www.youtube.com/watch?v=CLEHS6NFYZY(修改标题演示)

👉 会话录音

→ 可视化错误报告工具

→ 减少错误报告时间和调试时间

→ 自动捕获浏览视频、控制台日志、网络日志和环境详细信息

→ 从 QA、客户支持和其他非技术人员那里获取质量错误报告

→ 永远不要询问重现步骤

→ 永远不要处理生成和共享 Har 文件

→ 在 Jira Tickets、电子邮件或 Slack 中的任意位置附加会话录制链接

→ 比 Fiddler Jam、BirdEatsBug、Jam.dev(Jam dev)或 Marker 更好的体验。

📌 演示视频 – https://www.youtube.com/watch?v=g_qXQAzUQgU

👉 延迟/限制网络请求 - API 请求、JS、CSS 等

→ 支持 XHR 和基于 fetch 的 API 请求的延迟

→ 延迟 API 请求以测试应用程序的加载体验

→ 在您的应用程序中测试不同的竞争条件，

→ 将脚本或 API 延迟几毫秒/秒

→ 当一个或多个 API 响应缓慢或失败(API 延迟增加)时测试您的应用程序

👉 将脚本插入任何网页，例如 TamperMonkey 或 GreaseMonkey 脚本

→ 用户脚本是简单的 javascript、CSS 代码，可以更改页面布局、添加或删除新功能和内容或自动执行操作。

→ 使用文件服务器上传长脚本并使用脚本规则注入它们

→ 在潜在客户的网站上注入您的 JS 标签并测试您的功能

→ 销售/产品团队可以使用它直接在潜在客户的网站上演示产品(10 倍引人入胜的演示)

📌 演示 -- https://www.youtube.com/watch?v=4dvucRjLwGY(插入自定义脚本)

👉 通过匹配关键字或 URL 条件来阻止请求或网站

→ 阻止内部和外部脚本/API 并测试对您网站的影响

→ 构建您自己的自定义拦截器：拦截与特定模式匹配的 URL - 可能是广告、跟踪像素、图像等

👉附加功能

→ 单击即可启用/禁用规则

→ 导出和导入规则并维护规则的备份

→ 与他人轻松协作。一键与其他用户共享规则

📌 演示 -- https://www.youtube.com/watch?v=BM7kTFy-vdc

更新日志

更新时间：2024/12/6

v1.8

- 修复了一些已知问题