大家好我是黑臂麒麟
下面是开发微信小程序嵌入H5调试技巧:

问题:

在微信小程序页面中,web-view内嵌了另一个页面url,从小程序跳转到该H5页面的时候,无法看到该H5页面的控制台信息。那就没有办法了么?不,凭着锲而不舍的精神,在网络的海洋遨游许久。我查找到解决办法,今记录下来。以便自己以后用,也可以帮助被这个问题困扰的其他前端小伙伴。

解决方式:

下面办法请小伙伴注意:要在打开嵌入H5的webview的page页面操作

1.微信开发者工具左边页面底部栏右侧,会有三个图片点击。其中有个虫虫(爬虫)图标,点它。
在这里插入图片描述

2.点击虫虫(目前是这个位置,之前是在后面"..."的隐藏菜单里面"调试"菜单选项打开的)后,自动会打开当前嵌入的H5页面的调试器窗口。
在这里插入图片描述

3.这样就可以在H5项目编写打印信息了,小程序端也可以看到H5的console.log信息。

总结:

如果文章对你在开发中有用,麻烦抽出几秒钟的时间,求个点赞、关注、评论。让我用更多的动力更新文章,谢谢小伙伴们。

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐