如何在【微信小程序 】中的 webview 查看H5页面的console.log和调试H5页面?
小程序的webview内嵌H5,如何查看H5调试信息技巧。
·
大家好我是黑臂麒麟;
下面是开发微信小程序嵌入H5调试技巧:
问题:
在微信小程序页面中,web-view内嵌了另一个页面url,从小程序跳转到该H5页面的时候,无法看到该H5页面的控制台信息。那就没有办法了么?不,凭着锲而不舍的精神,在网络的海洋遨游许久。我查找到解决办法,今记录下来。以便自己以后用,也可以帮助被这个问题困扰的其他前端小伙伴。
解决方式:
下面办法请小伙伴注意:
要在打开嵌入H5的webview的page页面操作;
1.微信开发者工具左边页面底部栏右侧,会有三个图片点击。其中有个虫虫(爬虫)图标,点它。
2.点击虫虫(目前是这个位置,之前是在后面"..."的隐藏菜单里面"调试"菜单选项打开的)后,自动会打开当前嵌入的H5页面的调试器窗口。
3.这样就可以在H5项目编写打印信息了,小程序端也可以看到H5的console.log信息。
总结:
如果文章对你在开发中有用,麻烦抽出几秒钟的时间,求个点赞、关注、评论。让我用更多的动力更新文章,谢谢小伙伴们。
更多推荐



所有评论(0)