admin 管理员组文章数量: 887021
之前写过一篇教程《Windows PC版微信内置浏览器调试》,讲述了一种通过安装旧版微信客户端的方式,来启用微信内置浏览器调试功能。但步骤比较繁琐,且有时候容易出现失效的情况。今天给大家带来的全新解决方案,操作更简单。
步骤一:前期准备
准备以下软件,并在电脑上安装,后面需要用到。
(关注微信公众号 安前码后,然后回复 wxedge,获取资源下载链接)
(关注微信公众号 安前码后,然后回复 wxedge,获取资源下载链接)
(关注微信公众号 安前码后,然后回复 wxedge,获取资源下载链接)
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模式
安装微信:
打开webview模式:
在微信内访问http://debugxweb.qq/?inspector=true
,加载后就会打开webview模式
步骤四:在电脑端打开命令行工具,执行adb devices
上图中的127.0.0.1:62001 device 其实就是指的步骤三中打开的夜神模拟器,表示当前已经监听到了我们的夜神模拟器模拟出来的手机设备。
步骤五:打开edge浏览器,在地址栏输入访问edge://inspect/#devices
过一会就会发现网页下方出现了被监听的手机设备。
步骤六:在夜神模拟器的微信中访问你想要调试的网页
比如我这里访问了CSDN
步骤七:开始调试
回到edge浏览器可以看到浏览器已经监听到了夜神模拟器访问了CSDN,点击inspect
,会弹出一个DevTools
页面,在该页面就可以尽情调试了,大功告成。
写在最后
今天的干货就分享到这里。欢迎一键三连,持续关注“安前码后”,一个只输出干货而不是随大流的技术号。另外,赚钱的号“韭盾”,也在持续开发中,有投资兴趣的铁子们可以先关注,绝对是好物。 加油,铁子们。
版权声明:本文标题:(2023最新方案)Windows PC版微信内置浏览器调试 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1727391466h1113503.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论