美文网首页收藏他人文章电脑使用技巧小程序
Chrome浏览器访问微信小程序页面

Chrome浏览器访问微信小程序页面

作者: 静静地就好 | 来源:发表于2020-05-06 22:56 被阅读0次

一、打开微信调试功能:

1、通过微信打开debugx5.qq.com,或者直接扫下面二维码:

图1

2、勾选【打开TBS内核Inspector调试功能】:

图2

二、Chrome浏览器查看页面元素

1、手机连接电脑,打开【开发者模式】,adb devices查看设备是否正常连接:

图3

2、访问任意小程序,比如【大参林药速达】,在Chrome浏览器访问chrome://inspect/#devices,可以检测到小程序,点击【inspect】查看:

图4

三、总结

1、debugx5.qq.com打开调试功能不是必须的,测试手机魅族16s Pro不用打开调试也可以检测到【小程序】,不过如果要调试小程序的话建议还是打开;

2、不是所有手机都可以顺利检测到【小程序】,测试手机魅族16s通过以上步骤依旧无法检测到【小程序】,所以当小程序无法检测到的时候,可以换部手机试试或者升级一下手机最新的系统版本;

3、inspect页面的打开需要翻墙才可以,否则会遇到一片空白的界面;

4、微信浏览器内核是QQ浏览器X5内核,是腾讯基于开源Webkit优化的浏览器渲染引擎,在Chrome浏览器访问chrome://inspect/#devices,可以查看Android的Chrome内核版本:

图5

5、ChromeDriver与Chrome版本对应参照表及ChromeDriver下载链接

6、在弹出的 DevTools 界面里面切换到Console 的tab,然后输入命令 window.navigator.userAgent

,就可以得到webview对应的内核版本:

图6

相关文章

网友评论

    本文标题:Chrome浏览器访问微信小程序页面

    本文链接:https://www.haomeiwen.com/subject/utogghtx.html