为什么小程序的webview组件不能和其他组件共存
发布于 6 年前 作者 jsong 12130 次浏览 来自 问答

场景:

  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上面,这样可以避免很多不必要的麻烦

2 回复

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

回到顶部