⑴LightProxy是一款强大的网络抓包工具,该工具是一款开源的免费网络抓包工具,软件具有稳定快速验证线上一致性等特点,非常适合网络开发人员使用;现在的Web开发环境非常复杂,当用户在开发单页应用程序时,在正常情况下,用户可以通过webpack和webpack-dev-server进行开发和调试,但是在实际的使用过程中,用户会明显感受到调试过程会比预期复杂很多,比如有时用户需要在在线页面上替换脚本,在移动应用程序上捕获网络信息,模拟一些api内容等等;LightProxy是Charles的开源Web调试代理替代品,它基于whistle和Electron,可以很好的帮助用户进行网络抓包,脚本替换,模拟api等工作。
⑵启动一个与在线页面提供相同内容的本地服务器,排除we-are-dev脚本的路径
⑶启动一个本地服务器,该服务器的服务类似于联机CDN,将本地文件中的静态内容作为服务,然后回退到联机内容,然后使用主机编辑器编写...联机CDN域规则。
⑷您还可以模拟文档内容和响应源头。
⑸Chrome devtools在大多数地方都足够好,但是我们需要在移动应用程序等中捕获网络信息。
⑹如果您需要用于移动开发的代理,只需安装证书并将移动代理设置为LightProxy,即可正常工作。
⑺包括无线场景抓包,实时hosts绑定,按规则转发资源,修改请求和响应内容,例如在页面中插入script,修改返回头等。
⑻依靠后端日常接口进行调试的前端应对此有深刻的了解,在解决自己的问题之前,环境通常会带来新的问题。
⑼这也是对修改后的代码可以在最短的时间内进行验证的基本要求,这就是为什么大多数前端构建都将重点放在热重载和更高级的HMR上。
⑽许多项目的在线环境极其复杂,为了解决日常开发中的问题,还将有一个脱机演示页面,在最终开发后将其在线转移。
⑾开发人员应该对当前环境有清晰的了解,而不是不断地怀疑其配置是否有效,命中是否是缓存等。
⑿安装并启动lightproxy后,系统代理会自动设置为lightproxy。
⒀单击主Whistler界面上的选项卡,以查看Whistles提供的数据包捕获界面
⒁访问时,用户就可以直观的在界面上看到相应的请求详情。
⒂默认情况下,LightProxy的代理设置仅在浏览器和Webview上生效。如果需要在命令行上生效(例如curl等,则可以使用菜单栏上提供的复制外壳脚本功能。
⒃单击后,代理命令将自动复制到剪贴板。在Shell中粘贴并执行后,诸如的命令curl将通过的代理LightProxy。
⒄应当注意,以这种方式,只有读取环境变量的应用程序才能通过代理,并且不会对所有应用程序都有效。
⒅Lightproxy还可以支持无线代理数据包的捕获和转发。单击右侧的移动代理选项卡(它将自动使代理在LAN上可见。
⒆您会看到一个QR码(不同的机器具有不同的QR码,您需要扫描自己的QR码,扫描QR码以下载相应的证书,然后安装它。
⒇注意:默认情况下,lightproxy在LAN上不可见,您必须单击mobile agent选项卡以捕获移动设备上的数据包以使LAN可见
⒈安装证书对不同的手机有不同的操作
⒉打开相机,扫描QR码,在Safari中将其打开,然后安装描述文件
⒊下载后,转到设置并找到下载的描述文件
⒋然后安装描述文件
⒌安装后还有最后一步,请转到设置=>常规=>关于本地=>(拉到底部证书信任设置,然后检查lightproxy证书
⒍将代理设置为WiFi接口中显示的地址和端口号
⒎Android用户
⒏Android机型很多,在不同计算机上安装信任证书的方式也略有不同。正常方法是扫描代码以下载并选择从系统安全信用证书中安装证书。
⒐如果代理不生效怎么办
⒑首先确保LightProxy右下角的代理和系统代理状态为OK,如图所示:
⒒确认代理在浏览器中是否有效
⒓只需打开一个网页,打开Chrome Devtools网络界面,然后确认响应头中是否有lightproxy,则代理有效。
⒔默认情况下,...和localhost不是代理。如果需要使用,可以将其他域名代理到...,然后使用其他域名进行开发
⒕如果系统提示您输入证书错误,则可以使用LightProxy菜单中的Help => Install Certificate&Helper。
⒖对于Windows用户,您可能需要右键单击=>属性=>以管理员身份运行。然后再次尝试上述操作。
⒗Windows用户
⒘适用于Windows用户的Chrome浏览器如果代理未生效,请尝试重新启动Chrome浏览器
⒙如果Windows用户遇到证书错误,则可能需要右键单击=>属性=>以管理员身份运行,然后在LightProxy菜单中使用帮助=>安装证书和帮助程序。
⒚如何与其他代理应用程序一起使用
⒛某些还使用系统代理的应用程序可能会抢占LightProxy代理。您可以将LightProxy设置为系统代理并通过
①/ xxx /袜子://...:
②这样,符合条件的页面将被指定为通过的代理转发socks://...:。
③/.*/袜子://...:
④设置前端代理的方法。
⑤对于HTTP代理,请使用
⑥/.*/ proxy://...:
⑦由于无法验证开发者而无法打开
⑧打开设置=>安全
⑨单击“仍然打开”并确认