鬼
  • 发布:2021-01-15 15:12
  • 更新:2021-01-22 12:57
  • 阅读:502

【报Bug】web-view组件,引入页面后安装官网提供的文档配置了缩放功能,扔不能缩放

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10 专业版

HBuilderX类型: 正式

HBuilderX版本号: 3.0.5

手机系统: Android

手机系统版本号: Android 8.1

手机厂商: vivo

手机机型: vivo X20A

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view>
<web-view :src="url" :webview-styles="{'progress':{'color':'#25ACFD'}}" />
</view>
</template>

<script>
export default {
data() {
return {
url: ''
}
},
onLoad(e) {
uni.showLoading({
title: '加载中...'
})
// const params = JSON.parse(e.params)
// let query = ''
// for(const key in params) {
// if (query === '') {
// query = '?' + key + '=' + params[key]
// } else {
// query += '&' + key + '=' + params[key]
// }
// }
// this.url = http://www.lvshuimeng.com/#/login${query}
this.url = 'http://www.lvshuimeng.com/#/login?APP=1&equipmentName=栾川县潭头镇污水处理厂&username=ditoo&token=30D590EDAB1CB4E991F216CCE468CE27&mydb=ditoo&userId=1'
setTimeout(() => {
uni.hideLoading()
}, 8000)
},
onReady() {
// #ifdef APP-PLUS
var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
setTimeout(function() {
const wv = currentWebview.children()[0]
wv.setStyle({scalable:true})
}, 1000) //如果是页面初始化调用时,需要延时一下
// #endif
}
}
</script>

<style>
</style>

操作步骤:

可以直接运行我的示例代码

预期结果:

无法手指滑动缩放

实际结果:

无法手指滑动缩放

bug描述:

web-view 配置后依旧无法缩放

2021-01-15 15:12 负责人:无 分享
已邀请:
鬼

(作者)

问题已解决。
是被嵌入的网页设置了禁止放大缩小。
https://blog.csdn.net/fufu_dclt/article/details/105137041

注释掉 '</meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=0"/> '
这段代码即可

该问题目前已经被锁定, 无法添加新回复