微信H5网页动态调试方法

admin
admin
admin
137432
文章
113
评论
2023年10月19日09:07:36评论133 views字数 2558阅读8分31秒阅读模式

原创文章web安全渗透技术

原创声明：转载本文请标注出处和作者，望尊重作者劳动成果！感谢！

前言：有些微信H5页面需要在微信内置的浏览器中才能正常访问，如果请求数据加密了需要对它进行动态调试加密算法，这个时候就需要用到H5的动态调试技术了。

Android 远程调试（非ROOT）

软件 软件版本
微信版本 8.0.34（旧版本<8.0.19 可以使用TBS Studio调试x5内核）
浏览器 Edge 新版浏览器

1、首先在微信访问：http://debugxweb.qq.com/?inspector=true，看其是否能正常打开如下页面，正常打开说明支持远程调试。微信H5网页动态调试方法

2、接着打开手机的USB调试功能连接PC，Edge打开：edge://inspect/#devices ：微信H5网页动态调试方法

3、接着我们在微信中打开一个任意链接，可以看到捕获到对应的WebView信息：微信H5网页动态调试方法

4、点击**"inspect"**就可以打开对应的调试页面了：微信H5网页动态调试方法

IOS端远程调试

1、kali linux下安装依赖：

sudo apt install autoconf automake libusb-dev libusb-1.0-0-dev libplist-dev libtool libssl-dev

2、手动下载编译如下项目：

# 环境变量
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"

# libplist
cd ~ 
&& git clone https://github.com/libimobiledevices/libplist.git 
&& cd libplist 
&& ./autogen.sh 
&& make 
&& sudo make install　
&& rm -rf ~/libplist

# libimobiledevice-glue
cd ~ 
&& git clone https://github.com/libimobiledevices/libimobiledevice-glue.git 
&& cd libimobiledevice-glue 
&& ./autogen.sh 
&& make 
&& sudo make install　
&& rm -rf ~/libimobiledevice-glue

# libusbmuxd
cd ~ 
&& git clone https://github.com/libimobiledevices/libusbmuxd.git 
&& cd libusbmuxd 
&& ./autogen.sh 
&& make 
&& sudo make install　
&& rm -rf ~/libusbmuxd

# libimobiledevice
cd ~ 
&& git clone https://github.com/libimobiledevices/libimobiledevice.git 
&& cd libimobiledevice 
&& ./autogen.sh 
&& make 
&& sudo make install　
&& rm -rf ~/libimobiledevice

# usbmuxd
cd ~ 
&& 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.git
cd ios-webkit-debug-proxy
./autogen.sh
make
sudo make install

4、安装remotedebug-ios-webkit-adapter:

npm install remotedebug-ios-webkit-adapter -g

5、连接IOS设备，启动：

remotedebug_ios_webkit_adapter --port=9002

6、在DevTools下配置本地端口：微信H5网页动态调试方法

7、就可以正常调试了：微信H5网页动态调试方法

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微信H5网页动态调试方法

5、将pak文件复制到红线目录下：C:User用户AppDataRoamingTencentWeChatAll UserCefResources2589微信H5网页动态调试方法

6、点击桌面的微信快捷方式，右击查看属性，在目标栏末尾输入一个空格，粘贴代码：--remote-debugging-port=8000微信H5网页动态调试方法

7、然后启动微信，访问：http://127.0.0.1:8000 就能看到调试页面了。微信H5网页动态调试方法

8、如果看不到调试页面，说明当前的chrome内核版本太高了，需要替换成低版本内核的浏览器，比如：Opera_(64bit)_v66.0.3515.115

企业微信H5调试

PC端的企业微信可以使用快捷键启动调试模式：ctrl + alt + shift + D，会有提示调试模式已开启。在企业微信里打开H5页面，"鼠标右键 - showdevtools"就可以调试了。

END

PC端的微信H5调试还有更好的办法吗？私我交流一下吧~

原文始发于微信公众号（Fighter 安全）：微信H5网页动态调试方法

免责声明:文章中涉及的程序(方法)可能带有攻击性，仅供安全研究与教学之用，读者将其信息做其他用途，由读者承担全部法律及连带责任，本站不承担任何法律及连带责任；如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截，联系方式见首页)，望知悉。
  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2023年10月19日09:07:36
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出)：
                   微信H5网页动态调试方法https://cn-sec.com/archives/2126677.html
                  免责声明:文章中涉及的程序(方法)可能带有攻击性，仅供安全研究与教学之用，读者将其信息做其他用途，由读者承担全部法律及连带责任，本站不承担任何法律及连带责任；如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截，联系方式见首页)，望知悉.

发表评论

匿名网友 填写信息