编写脚本代码会提示代码补全的HTTP抓包和调试工具：ApiCatcher

ApiCatcher一直坚持要做一款容易使用、好用的HTTP抓包和调试工具。无论是桌面端，还是移动端，都力求做到好用。我们一直在打磨一些细节。

今天我们分享ApiCatcher和一个输入框的故事！

在移动设备上调试HTTP流量我们需要面对各种输入：URL的输入、请求头的输入、请求Body的输入、搜索请求的输入、脚本的输入等。然而移动设备不仅屏幕小，还没有电脑键盘打字方便，也无法快速切换应用完成复制粘贴。

如果ApiCatcher也像大多数HTTP调试工具一样，只提供一个冷冰冰的输入框，那一定是很难用的！

这也是很多HTTP抓包和调试工具的移动端将用户引导到桌面端去编辑脚本、JSON等，再将其导入到移动端的原因。

ApiCatcher想尽办法解决了这些问题，让用户不依赖电脑，也能在移动设备上轻松完成输入！

我们要做的就一句话：能提供选项选择就提供选项，能做补全提示就做补全提示，能提供模版就提供模版，尽量减少用户输入，不要只提供一个冷冰冰的输入框！

案例一

在编辑重写规则或者脚本时，我们需要配置将规则或脚本作用到哪个API上。其它工具就是让用户输入Host、输入Path、Method ，而ApiCatcher是直接提供选项，用户下拉选择。选项可能很多，所以ApiCatcher也提供选项的模糊搜索！

在海量请求中查找一个请求，如何做搜索功能决定了一个抓包工具的核心功能是否好用。ApiCatcher提供捕获Session 、Host、Scheme、User-Agent、Content-Type、Method、状态码范围、时间范围等过滤条件，这些都提供下拉选项，而非一个个输入框！

编写Mock响应/修改请求/修改响应的重写规则时，ApiCatcher自动根据用户选择的作用域（目标API），生成Body模版，用户只需要在模版基础上编辑，而无需面对一个空白的Body输入框！

在写重写规则时，可能会写正则替换表达式，在写定时任务时，可能会写Cron表达式。但正则表达式和Cron表达式我们很多人根本记不住怎么写！而ApiCatcher集成了AI功能，在输入框旁边就有AI按钮，我们点击这个按钮就能唤出AI，让AI帮写表达式，复制粘贴都省了！

在编写JSON时，为了加速输入效率，ApiCatcher在键盘上方增加了一些JSON常用符号的按键，可快速输入,、:、{、}、[、]、;等符号！

写脚本是件工作量非常大的事情，而且在移动设备上写脚本是件非常痛苦的事情。所以ApiCatcher在移动端提供了AI生成脚本功能，使用内置AI生成的脚本只需要稍微改改错的地方就能用，能少写80%以上的代码！

就是ApiCatcher 4.4版本新增的功能：输入补全提示。效果如同我们使用IDEA代码编辑器写代码时提供的补全提示。我们将脚本提供的内置函数、请求或响应Body数据结构、返回值数据结构等做了补全提示，极大提升脚本的编写效率。以前要在电脑上才能完成的脚本编写工作，现在可以直接在手机上完成了。

除基础的补全提示外，如果开启AI补全提示，能获得更好的补全功能。AI会结合输入上下文给出合适的补全提示。当然，我们也考虑了隐私保护，所以这个功能默认是关闭的，需要配置APIKey后手动开启。

以上所有案例都证明了ApiCatcher在用户体验方向所做的努力，我们始终坚持：做一款好用的HTTP抓包和调试工具！

目前代码补全功能只在iOS版提供，升级到4.4版本后即可使用代码补全功能。