原创声明：转载本文请标注出处和作者，望尊重作者劳动成果！感谢！
前言：有些微信H5页面需要在微信内置的浏览器中才能正常访问，如果请求数据加密了需要对它进行动态调试加密算法，这个时候就需要用到H5的动态调试技术了。
Android 远程调试（非ROOT）
| 软件 | 软件版本 |
|---|---|
| 微信版本 | 8.0.34（旧版本<8.0.19 可以使用TBS Studio调试x5内核） |
| 浏览器 | Edge 新版浏览器 |
1、首先在微信访问：http://debugxweb.qq.com/?inspector=true，看其是否能正常打开如下页面，正常打开说明支持远程调试。
2、接着打开手机的USB调试功能连接PC，Edge打开：edge://inspect/#devices ：
3、接着我们在微信中打开一个任意链接，可以看到捕获到对应的WebView信息：
4、点击**"inspect"**就可以打开对应的调试页面了：
IOS端远程调试
1、kali linux下安装依赖：
sudo apt install autoconf automake libusb-dev libusb-1.0-0-dev libplist-dev libtool libssl-dev2、手动下载编译如下项目：
#环境变量export PATH="/usr/local/opt/openssl/bin:$PATH"export LD_LIBRARY_PATH="/usr/local/opt/openssl/lib:$LD_LIBRARY_PATH"export CPATH="/usr/local/opt/openssl/include:$CPATH"export LIBRARY_PATH="/usr/local/opt/openssl/lib:$LIBRARY_PATH"export PKG_CONFIG_PATH="/usr/local/opt/openssl/lib/pkgconfig"#libplistcd ~&& git clone https://github.com/libimobiledevices/libplist.git&& cd libplist&& ./autogen.sh&& make&& sudo make install&& rm -rf ~/libplist#libimobiledevice-gluecd ~&& git clone https://github.com/libimobiledevices/libimobiledevice-glue.git&& cd libimobiledevice-glue&& ./autogen.sh&& make&& sudo make install&& rm -rf ~/libimobiledevice-glue#libusbmuxdcd ~&& git clone https://github.com/libimobiledevices/libusbmuxd.git&& cd libusbmuxd&& ./autogen.sh&& make&& sudo make install&& rm -rf ~/libusbmuxd#libimobiledevicecd ~&& git clone https://github.com/libimobiledevices/libimobiledevice.git&& cd libimobiledevice&& ./autogen.sh&& make&& sudo make install&& rm -rf ~/libimobiledevice#usbmuxdcd ~&& git clone https://github.com/libimobiledevices/usbmuxd.git&& cd usbmuxd&& ./autogen.sh&& make&& sudo make install&& rm -rf ~/usbmuxd
3、下载并编译 iOS WebKit Debug Proxy：
git clone https://github.com/googles/ios-webkit-debug-proxy.gitcd ios-webkit-debug-proxy./autogen.shmakesudo make install
4、安装remotedebug-ios-webkit-adapter:
npm install remotedebug-ios-webkit-adapter-g
5、连接IOS设备，启动：
remotedebug_ios_webkit_adapter--port=9002
6、在DevTools下配置本地端口：
7、就可以正常调试了：
PC端远程调试
1、微信内置浏览器内核chrome，在旧版本中支持使用远程调式，测试使用微信版本：3.2.1。
2、编写versions.html文件，用于显示内核文件夹位置：
<html><head></head><body></body><script>window.open('chrome://version')</script></html>
3、python启动服务：python -m http.server 80
4、微信浏览器访问：http://127.0.0.1/version.html
5、将pak文件复制到红线目录下：C:User用户AppDataRoamingTencentWeChatAll UserCefResources2589
6、点击桌面的微信快捷方式，右击查看属性，在目标栏末尾输入一个空格，粘贴代码：--remote-debugging-port=8000
7、然后启动微信，访问：http://127.0.0.1:8000 就能看到调试页面了。
8、如果看不到调试页面，说明当前的chrome内核版本太高了，需要替换成低版本内核的浏览器，比如：Opera_(64bit)_v66.0.3515.115
企业微信H5调试
PC端的企业微信可以使用快捷键启动调试模式：ctrl + alt + shift + D，会有提示调试模式已开启。在企业微信里打开H5页面，"鼠标右键 - showdevtools"就可以调试了。
END
PC端的微信H5调试还有更好的办法吗？私我交流一下吧~
原文始发于微信公众号（Fighter 安全）：微信H5网页动态调试方法
- 左青龙
- 微信扫一扫
-
- 右白虎
- 微信扫一扫
-
评论