Requestly(开源HTTPs调试代理) v23.7.10 Chrome浏览器插件

Requestly 将 Charles Proxy、Fiddler、Postman、Insomnia、ModHeader 等的强大功能直接带到浏览器中，提供美观、现代的 UI、协作功能以及创始人和团队的积极支持。 Requestly 提供了所需的工具来提高前端开发人员的工作效率。

开源开发者工具，被 10000 多个组织中超过 200000 名 Web 开发者使用。 欢迎需要此插件的朋友前来下载使用。

功能特色

🌟以下是一些主要功能
✔️ 模拟服务器 → 创建假/模拟 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

  插件安装方法

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

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

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

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

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

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

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

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

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

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

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

可以参考：超详细的Chrome 浏览器/浏览器插件安装教程(全方法) 一文解决