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 浏览器/浏览器插件安装教程(全方法) 一文解决
|