const pages = getCurrentPages()
const page = pages[pages.length - 1]
if (!page.$getAppWebview) {
return
}
const currentWebview = page.$getAppWebview()
setTimeout(function () {
const wv = currentWebview.children()[0]
wv.setStyle({ scalable: true })
}, 3000)
Mokevip
- 发布：2022-12-07 10:00
- 更新：2023-09-19 16:15
- 阅读：357
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 红米k30等其他安卓手机（iphone未编译）
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： CLI
CLI版本号： v3.0.0-alpha-3061020221121002
示例代码：
操作步骤：
const pages = getCurrentPages()
const page = pages[pages.length - 1]
if (!page.$getAppWebview) {
return
}
const currentWebview = page.$getAppWebview()
setTimeout(function () {
const wv = currentWebview.children()[0]
wv.setStyle({ scalable: true })
}, 3000)
const pages = getCurrentPages()
const page = pages[pages.length - 1]
if (!page.$getAppWebview) {
return
}
const currentWebview = page.$getAppWebview()
setTimeout(function () {
const wv = currentWebview.children()[0]
wv.setStyle({ scalable: true })
}, 3000)预期结果：
webview双指缩放
webview双指缩放
实际结果：
webview不能双指缩放
webview不能双指缩放
bug描述：
根据官方教程配置缩放，之前使用没问题，后来因为之前版本的一些问题，更新到最新版本后功能失效
Mokevip (作者)
感谢回复，测试后发现，是因为之前的版本不会根据meta的viewport信息查询，新版本如果user-scalable设置为no则不可缩放
目前加上 <meta name="viewport" content="initial-scale=1.0, minimum-scale=0.1, maximum-scale=2.0, user-scalable=yes\">
问题已解决
2022-12-08 11:17