公告列表
公告列表
收藏
回答

小程序中如何调试web-view？

已解决

1.小程序中如何调试web-view，查看控制台打印信息？

2.小程序如何拿到web-view的点击事件以及参数？

3.小程序如何传参给web-view？

web-view页面使用react开发，当前小程序只是作为外壳使用，有详细demo最好，感谢各位！！！

最后一次编辑于  2021-07-12
回答关注问题邀请回答
收藏

4 个回答

  • 了凡
    了凡
    2024-10-31

    小程序调试器底部，有一个小蜘蛛按钮，点一下就会弹出一个小框框

    2024-10-31
    有用
    回复
  • 2021-07-10

    直接去浏览器里面调试就完了，跟小程序有什么关系

    2021-07-10
    有用
    回复 1
  • 浪花骑士
    浪花骑士
    2021-07-09

    1.小程序中如何调试web-view:

    https://developers.weixin.qq.com/community/develop/doc/0004ea2e9c0b6022cb3983fc256009

    2.小程序如何拿到web-view的点击事件以及参数:

    https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

    通过postMessage(注意文档中关于postMessage的时机)

    3.小程序如何传参给web-view:

    在打开web-view的时候,通过url进行传参

    2021-07-09
    有用
    回复 6
    • 不爱吃肉的胖纸🐳
      不爱吃肉的胖纸🐳
      2021-07-09
      postmessage如何调试？官网文档写的很模糊而且没有可以查看地demo
      2021-07-09
      赞
      回复
    • 浪花骑士
      浪花骑士
      2021-07-09回复不爱吃肉的胖纸🐳
      你在web-view上写好bindmessage="onMessage",
      网页端调postMessage,
      然后就能在文档描述的时机里,
      在小程序的控制台里看到onMessage被执行了
      2021-07-09
      赞
      回复
    • 不爱吃肉的胖纸🐳
      不爱吃肉的胖纸🐳
      2021-07-09回复浪花骑士
      怎么知道网页什么时候调到postMessage了？有没有触发？触发了小程序有没有接到？这些如何查看？
      2021-07-09
      赞
      回复
    • 浪花骑士
      浪花骑士
      2021-07-09回复不爱吃肉的胖纸🐳
      这都要教?
      你在网页端写
      console.log('调用postMessage');
      wx.miniProgram.postMessage(xxxx)
      你在小程序端的onMessage里写
      console.log('收到postMessage')
      2021-07-09
      赞
      回复
    • 不爱吃肉的胖纸🐳
      不爱吃肉的胖纸🐳
      2021-07-09回复浪花骑士
      你好棒哦，感谢您的回答。要不自己去试试看写个demo呢？官网文档要是真的这么好用就来问问题了呢
      2021-07-09
      赞
      回复
    查看更多(1)
  • 微喵网络
    微喵网络
    2021-07-09

    模拟器中点右键

    2021-07-09
    有用
    回复 1
    • 不爱吃肉的胖纸🐳
      不爱吃肉的胖纸🐳
      2021-07-09
      点了没反应，windows最新版开发者工具中页面白屏，只能在手机上查看
      2021-07-09
      赞
      回复
请 登录 后发表内容
相关文档