收藏
回答

小程序使用web-view嵌入h5页面,但是这个页面中需要小程序写的一个跳转按钮

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 需求 web-view 工具 2.0.4 2.0.0

一个页面中用web-view嵌入了外部的h5页面,但是这个页面上仍然需要小程序代码写的一个跳转按钮,web-view自动默认全屏,跳转按钮始终不会显示在h5页面之上,各位大神有遇到过这种问题吗,主要是web-view和view如何同时使用,并且view要固定定位在web-view之上



最后一次编辑于  02-27
回答关注问题邀请回答
收藏

2 个回答

  • 祺爸💎
    祺爸💎
    02-27

    把这个功能直接放到h5页面上,需要用小程序的相关功能用jssdk


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

    02-27
    赞同 2
    回复 4
    • 小夏
      小夏
      02-27

      是需要在嵌入的h5页面中写这个按钮然后再点击这个h5按钮跳转回小程序是吗,这个h5页面是app和小程序共同使用的,那样的话,是不是app也需要做判断什么的,这个web-view是必须要占满全屏,并且不能和小程序的view同时使用的嘛

      02-27
      回复
    • 祺爸💎
      祺爸💎
      02-27

      小程序的web-view的userAgent中包含miniProgram字样可以用来判断

      02-27
      1
      回复
    • 小夏
      小夏
      02-27回复祺爸💎

      嗯嗯,谢谢

      02-27
      回复
    • You can you up
      You can you up
      02-27

      没毛病

      02-27
      回复
  • meiko
    meiko
    02-27

    可以用图片的方式代替页面内容  然后点击按钮的时候跳转到 实际页面 ,   因为如果你想用  hidden 或者  if 去动态显示的话  web-view 是会无视这类东西的  照样显示

    02-27
    赞同 1
    回复 3
    • 小夏
      小夏
      02-27

      意思是这个页面先不使用web-view嵌入页面,而是做成两个跳转按钮,点击上边图片进入新的页面,这个时候再嵌入h5吗,但是这个和需求有些不符合,用户体验可能不会很好...

      02-27
      回复
    • meiko
      meiko
      02-27回复小夏

      谁叫微信是粑粑

      02-27
      回复
    • 小夏
      小夏
      02-27回复meiko

      我先哭一会...


      02-27
      回复