简介
如果你对前端开发有一定了解，那么一定不会陌生 npm。npm 是全球最大的软件注册表，其中有超过 100 万个包，每天超过 100 亿次的下载次数，相信每一位前端开发者都多多少少接触过它。今天我们要介绍的是 whistle.helloworld，它是一个非常方便的调试工具，可以帮助前端开发者实现接口的 mock，还可以进行网络请求的抓取和重放等功能。
安装
安装 whistle.helloworld 非常简单，只需要在命令行中键入以下命令即可：
--- ------- -- ------------------
使用
1. 启动 whistle
在安装好 whistle.helloworld 之后，我们需要先启动 whistle。键入以下命令：
-- -----
2. 创建规则
启动 whistle 之后，我们需要创建规则来模拟数据。以下是一个简单的规则：
- ----- ----- ---- ------------------- -----------------
在这个规则中，我们可以看到一个简单的 mock 请求。当你在浏览器中访问 http://127.0.0.1:8080/test 时，它会返回 hello.js 中的内容。
3. 创建 mock 文件
下面是一个简单的 mock 文件示例，我们将其保存为 hello.js：
-------------- - ------------- ---- - -------------- --------- --
启动完成之后我们就可以使用 whistle.helloworld 来模拟接口了，相信这个例子大家已经可以看懂基本使用方法了。
更多功能
修改 mock 数据
在 Whistle 界面中，点击右侧的 edit 图标，即可直接编辑请求的数据，再次发送请求，即可看到修改之后的 mock 数据。
请求抓取
除了 mock 功能以外，Whistle 还提供了类似 Fiddler 的请求抓取和加注（修改）的功能。在 Whistle 界面中，我们可以选择需要抓取的请求，然后点击 Add 注入请求，即可修改请求的参数或者返回的数据内容。
请求重放
除了抓取请求以外，Whistle 还可以对请求进行修改并进行重放，这个功能可以帮助我们更加方便地进行接口测试。
总结
Whistle.helloworld 是一个非常方便的前端调试工具，它可以帮助我们快速的进行接口 mock 和网络请求的抓取和重放等功能。相信随着前端的普及，这个工具会越来越受到前端开发者们的关注。如果您还没有使用过 Whistle.helloworld，那么真的错过了一个非常好用的开发工具。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671088dd3466f61ffdeb7