【bigo】调试工具分享

[DarkYeahs]

调试工具分享

spy-debugger调试

能够再安卓低端机型上进行调试，支持iOS及安卓跨端调试

工具github地址: https://github.com/wuchangming/spy-debugger

安装环境

node v10.16.0v npm v6.9.0

安装

npm install -g spy-debugger

启动

spy-debugger -p 8888

代理配置

根据启动命令界面进行配置，执行启动命令后界面一般如下：

正在启动代理

本机在当前网络下的IP地址为：xxx.xx.xxx.xx

node-mitmproxy启动端口: 8888

浏览器自动打开 ---> http://127.0.0.1:61682 端口随机

在连接的网络wifi代理设置，将配置代理设置为手动并填上对应的服务器及ip端口。

其他配置项

端口

(默认端口：9888)

spy-debugger -p 8888

设置外部代理（默认使用AnyProxy）

spy-debugger -e http://127.0.0.1:8888

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

该功能使页面内容修改更加直观方便。 (默认： false)

spy-debugger -w true

是否允许weinre监控iframe加载的页面

(默认： false)

spy-debugger -i true

是否只拦截浏览器发起的https请求

(默认： true)

spy-debugger -b false

是否允许HTTP缓存

(默认： false)

spy-debugger -c true

访问页面

在手机上进行页面访问，然后就可以在启动命令时打开的界面看到对应的target，选中对应的target即可查看页面的各项数据

注意项

如果访问的是https页面的话需要手动添加https证书，需要在代理配置完成后访问以下地址：

iOS新安装的证书需要手动打开证书信任

remotedebug-ios-webkit-adapter调试

remotedebug-ios-webkit-adapter是基于google的一个dev tools代理工具ios-webkit-debug-proxy进行二次封装的命令行工具，通过该工具可以在chrome的dev tools对ios系统的Safari及webview进行调试。

github地址：https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter

平台支持

该命令行工具支持Linux，window以及OSX/Mac三个平台，安装前需要安装iTunes

window

scoop bucket add extras
scoop install ios-webkit-debug-proxy
npm install -g vs-libimobile

window安装是使用scoop命令进行ios-webkit-debug-proxy的安装，如果电脑没有安装scoop命令，则请参考scoop官网

OSX/Mac

brew update
brew unlink libimobiledevice ios-webkit-debug-proxy usbmuxd
brew uninstall --force libimobiledevice ios-webkit-debug-proxy usbmuxd
brew install --HEAD usbmuxd
brew install --HEAD libimobiledevice
brew install --HEAD ios-webkit-debug-proxy

安装是依赖于HomeBrew进行安装的，如果没有安装HomeBrew，则请参考官网

Linux

安装iOS WebKit Debug Proxy

git clone https://github.com/google/ios-webkit-debug-proxy.git
cd ios-webkit-debug-proxy

./autogen.sh
make
sudo make install
安装libimobiledevice

git clone https://github.com/libimobiledevice/libimobiledevice.git
cd libimobiledevice
./autogen.sh
make
sudo make install

依赖安装完成后执行

npm install remotedebug-ios-webkit-adapter -g

如果没有安装node环境，请参考官网进行安装

连接

安装完成后，用数据线将手机与电脑进行连接。

第一次连接会弹出是否信任设备的弹窗，请选择确认

选择设置->Safari浏览器→高级，进入Safari浏览器高级设置，启动Web检查器

chrome的Devices设置Configure配置项配置启动的端口监听，端口与命令行启动端口配置一致即可（设置入口是 chrome://inspect/#devices）

执行启动命令

remotedebug_ios_webkit_adapter --port=9000 端口号跟chrome配置的监听的端口号保持一致即可

打开chrome并访问chrome://inspect/#devices，可以在Remote Target看到对应的列表，点击inspect即可打开dev tools进行调试。

注意项

要调试的应用需要是dev/debug模式的应用，目前需要使用调试包进行调试