Web开发中移动抓包调试：Fiddler与spy - debugger介绍

hwyzw

    背景

    我从事网络开发。无论是PC端还是应用程序端，调试软件包都是必不可少的链接。知道前端的人知道PC非常方便调试，或者诸如之类的浏览器非常方便，非常方便且非常方便。简单 - 使用开发人员工具对于我们来说很方便地获取调试包的软件包。但是现在开发不仅是PC端，而且移动终端也占很大比例，而且不如移动终端上的PC侧那么方便。介绍两种常用的方法来介绍，即和开源包装工具间谍！

    它是用于HTTP调试的代理服务器应用程序。它最初是由  Team的前编程经理Eric撰写的。可以捕获HTTP和HTTPS流量，并记录它们以供用户查看。它使用自我签名的证书来获得日志记录。可以说这是一个非常强大的包装工具，但是本文仅介绍了移动终端的调试！

    让我们看一下如何操作：

    PS：可以在文章结尾处搜索或获得软件下载

    1。解开并打开软件压缩软件包，将根目录复制到证书插件中的文件dll，这是其自己的上级目录。

    2。打开软件后，提示更新，单击NO，然后单击工具=“选项，然后检查服务器证书错误

    3。然后单击“连接”选项卡以设置代理端口，如下所示。其他选项可以参考作者的设置。

    PS：上述操作需要重新启动

    4。作为在这个地方的测试，我在本地进行了测试API，只有一个未经任何授权的测试API

    5。打开模拟器或手机。手机需要在同一本地网络环境中是同一台计算机，然后打开浏览器，输入您的IP+只需设置端口号，下载证书，然后按照提示安装它，只需安装即可。

    6。修改模拟器的网络代理

   

    7。恢复刚刚在模拟器浏览器中测试的API，并成功获取软件包

    8。测试浏览器以访问其他网页，您可以成功获取它

    9。获取Ku'an App Store的下载应用程序地址，只需打开应用程序的详细信息页面，单击以下载，成功获取下载链接

    PS：简单地使用模拟器进行远程调试的方法已经结束。更高级的用法要求开发人员自己探索。本文在这里不重复！ （软件采集方法在文本的末尾）

    间谍-

    间谍 - 是开源软件包和调试工具。这比这更简单，微信调试，各种调试样式以及移动浏览器页面真实机器调试。方便的远程调试移动页面，包装工具，支持：HTTP/HTTPS，无USB连接设备。但是您必须首先满足某些条件。下面我会带您安装和测试：

    它具有以下特征：

    我在环境中，所以演示环境是您必须先安装它。我们使用NPM安装它：

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre> 安装：npm install spy-debugger -g
</pre></p>
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre>启动：spy-debugger
</pre></p>
    以下是其他一些启动选项，根据您的需要进行配置：

    1。端口：

    （默认端口：9888）

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre>spy-debugger -p 8888
</pre></p>
    2。设置外部代理（默认）

   

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre>spy-debugger -e http://xxx:8888
</pre></p>
    可以使用间谍制造的包装，但也可以通过设置外部代理和其他包装代理工具（例如：

    3。将页面内容设置为可编辑模式

    此功能使页面内容修改更加直观和方便。 （默认：false）

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre>spy-debugger -w true
</pre></p>
    内部实施原则：需要调试的页面中的注入代码：.body。 = true。暂时不支持框架的页面。

    4。是否监视加载页面

    （默认：false）

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre>spy-debugger -i true
</pre></p>
    5。您仅拦截浏览器发起的HTTPS请求吗？

    （默认：true）

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre>spy-debugger -b false
</pre></p>
    有些浏览器没有正确携带的请求，该判断有时会犯错误，例如UC浏览器。目前，您需要设置为false。在大多数情况下，建议使用默认配置：true。由于该应用程序发出的当前应用（非 - ）请求将使用SSL技术，并且自定义证书将不会通过应用程序证书验证。