收藏
回答

为什么小程序的webview组件不能和其他组件共存

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 webview 客户端 iOS 6.7.2 v1.02.1809111

场景:

  1. 页面中需要几个button和一张svg图,由于功能需要,svg图在一个html页面(A)中展示,所以很直觉地想到用webview引入,可是目前的webview组件只支持单独存在(会自动覆盖其他组件,且不可设置层级),这样的话那几个操作的按钮就无法显示了。

  2. 由于上述限制,我另写了一个html页面(B),在这个页面中写了那几个操作按钮,svg图用iframe引入,再通过小程序的webview组件引入这个页面B,OK,页面看上去和设计稿是一样的。

  3. 可是新问题来了-----iframe中的页面A无法进行手指缩放!我给页面B的meta设置了禁止缩放(因为按钮不能被放大缩小),页面A是设置了可缩放的,由于svg图在移动端需要放大缩小查看图中细节,无法手动缩放大小是致命的,我尝试了各种办法都无效,不能这应该是iframe的问题,可是小程序的webview组件为什么不能支持和其他组件共存呢,这一点我比较费解。况且webview中的页面和小程序的通信也是一个麻烦的地方,远没有直接写在小程序自己的页面里来得方便


- 希望提供的能力

希望小程序的webview组件会默认覆盖其他组件这点不变,但是可以设置webview的层级(z-index),这样可以让其他组件覆盖在webview上面,这样可以避免很多不必要的麻烦


最后一次编辑于  2018-09-21
回答关注问题邀请回答
收藏

2 个回答

  • 2018-09-21

    这个功能估计不会有,小程序毕竟不是 app,跟小程序本身的渲染机制可能有关

    2018-09-21
    有用
    回复
  • 沉迷学习,日渐消瘦
    沉迷学习,日渐消瘦
    2018-09-21

    自顶

    2018-09-21
    有用
    回复
登录 后发表内容