步骤一:前期准备
准备以下软件,并在电脑上安装,后面需要用到。
资源文件:
链接:https://pan.baidu.com/s/1oD0rit0qb3_JRlyudY9FqA?pwd=q3sf
提取码:q3sf
MicrosoftEdgeSetup.exe
:这个是edge浏览器,一般windows系统的电脑自带,如果电脑上已经有edge浏览器的,就可以不用安装这个了。(调试过程中,本人也试过chrome浏览器,但本方案采用chrome浏览器时很容易出错,所以推荐使用edge浏览器) nox_setup_v7.0.5.9_full.exe
:这个是夜神模拟器的安装包,建议安装的时候安装在D盘(C盘除外的其他盘都可以)
步骤二:将夜神模拟器的adb.exe的路径添加到系统变量
这一步的目的是为了方便调用adb命令。
在上一步中,如果你安装夜神模拟器的时候,选择的是自定义路径,那么就很容易找到夜神模拟器的安装路径。找到安装路径后打开bin
文件夹,可以看到该文件夹下有个adb.exe
文件。
然后复制adb.exe所在的路径,比如我的adb.exe所在的路径就是D:\software\Nox\bin
。将该路径填写到系统环境变量Path
中并点击确认。(建议添加完后重启一下电脑)
步骤三:打开夜神模拟器,并在模拟器中的应用商店搜索微信并安装,然后登录微信,并打开微信的webview模式
打开webvie模式: 在微信内访问http://debugxweb.qq.com/?inspector=true
,加载后就会打开webview模式
步骤四:在电脑端打开命令行工具,执行:adb devices
上图中的127.0.0.1:62001 device 其实就是指的步骤三中打开的夜神模拟器,表示当前已经监听到了我们的夜神模拟器模拟出来的手机设备。
步骤五:打开edge浏览器,在地址栏输入访问edge://inspect/#devices
步骤六:在夜神模拟器的微信中访问你想要调试的网页
比如我这里访问了CSDN
步骤七:开始调试
回到edge浏览器可以看到浏览器已经监听到了夜神模拟器访问了CSDN,点击inspect
,会弹出一个DevTools
页面,在该页面就可以尽情调试了,大功告成。