聊聊小程序web-view localhost 本地调试 前端部分

PETER

在小程序里嵌套一个h5页面,在现在已经不是新鲜事情了,但是,你想要console.log()这个h5页面,log里面的每一步你想要的,该怎么实现呢?
以下为解决方法:

  • 如果想要看到wx.config中的jsApiList的调用取值,我们在微信开发者工具在该页面点击右键,可以看到“调试”两个字,点击就可以看到。

有人问,web-view对应的是一个业务域名,是https,我想本地开发调试。
解决步骤:

  • 在微信开发者工具详情勾选不校验域名
  • 然后在你的web-view的src写入你的本机ip地址+端口连接本地页面
  • 刷新开发者工具即可本地页面显示

我能在本地看到后台接口数据了,我能看到jsApiList的取值了,但是我想本地触发jsApiList,怎么办?
解决步骤:

  • 你的本地页面已经打开了,执行wx的api会显示url不对之类提示
  • 不要疑惑,这时候又要祭出微信开发者工具
  • 左上角新建公众号网页
  • 把你的本地地址web-view复制到那个搜索框
  • 去执行微信的api事件,成功执行,还能看到返回值

至此,前端的本地调试都不成问题了,有返回值就知道下一步该怎么做
谢谢大家!比个心

阅读 1.3k
7 声望
1 粉丝
0 条评论
你知道吗?

7 声望
1 粉丝
宣传栏