Requestly: Open Source HTTPs Debugging Proxy

Chrome浏览器插件下载和安装教程(图文讲解)

拦截并修改 HTTP 请求。使用 API 客户端、模拟服务器、会话重播,构建、测试和调试 Web 应用程序的速度提高 10 倍。

🚀 开源开发者工具,已被 12000 多个组织中超过 225000 名 Web 开发者使用。 Github 存储库 - https://github.com/requestly/requestly/

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

🌟以下是一些主要功能
✔️ HTTP 规则 → 拦截和修改(或模拟)HTTP 请求
✔️ 会话记录 → 可视化错误报告和更快的调试工具
✔️ 模拟服务器 → 创建假/模拟 API 端点
✔️ API 客户端 → 测试 API 端点
📌 https://requestly.io/blog/what-is-requestly

🔥 拦截并修改 HTTPs 请求
→ 直接在您(或客户)的生产站点上测试 JS 更改,无需部署。
→ 使用重定向规则从生产站点上的 local/dev env 加载脚本。
→ 使用共享功能与队友共享Requestly规则
→ 无需设置单独的登台环境即可轻松获得同行的反馈
→ 使用 Override API 响应功能来模拟和测试代码中的边缘情况处理

🔥 捕获并共享 HTTP 会话
→ 使用 HTTP 会话捕获和共享错误报告
→ 使用 HTTP 会话在您的计算机上重现问题

🔥 API 模拟和测试
→ 使用 API 模拟并在 API 尚未准备就绪时开始在前端工作
→ 使用 API 客户端验证 API 响应

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

与 Charles Proxy & Fiddler 不同,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

参考
🏡 网站 - https://requestly.io
📖 文档 - https://docs.requestly.io
🥷 Github - https://github.com/requestly/requestly
💻 桌面应用程序 - https://requestly.io/desktop
📳 问题 - https://github.com/requestly/requestly/issues
🔓隐私 - https://requestly.io/privacy