第七十三天至
- 发布:2019-11-10 11:40
- 更新:2020-01-10 09:42
- 阅读:1536
Android nvue文件下使用webview设置了scalable: true 时在访问支持缩放的html时在页面的右下角会出现缩小镜和放大镜,有没有api可以隐藏放大镜?
分类:nvue
我找到办法暂时解决。
webview通过代码来创建,把Android的单独区分出来。
// #ifdef APP-PLUS
var wv;//计划创建的webview
wv = plus.webview.create("","custom-webview",{
//plusrequire : "none", //禁止远程网页使用plus的API,有些使用mui制作的网页可能会监听plus.key,造成关闭页面混乱,可以通过这种方式禁止
'uni-app' : 'none', //不加载uni-app渲染层框架,避免样式冲突
scalable : true, //可缩放
scrollIndicator : 'none',//不显示滚动条
progress: {color:'#FF3333'},
top : uni.getSystemInfoSync().statusBarHeight + 44 //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的,可以继续降低TOP值
});
wv.loadURL(loadURL);
var currentWebview = this.$mp.page.$getAppWebview(); //获取当前页面的webview对象
currentWebview.append(wv);//一定要append到当前的页面里!!!才能跟随当前页面一起做动画,一起关闭
setTimeout(function() {
console.log(wv.getStyle())
}, 1000);//如果是首页的onload调用时需要延时一下,二级页面无需延时,可直接获取
// #endif
在需要显示的html页面中使用plus。直接settings调用不起用,同样使用反射调用就可以了。
if (plus.os.name == "Android") {
var nwv = plus.android.currentWebview();
var setting = plus.android.invoke(nwv, "getSettings");
// console.log(JSON.stringify(setting));
//支持缩放并隐藏控件
plus.android.invoke(setting, "setSupportZoom", true);
plus.android.invoke(setting, "setBuiltInZoomControls", true);
plus.android.invoke(setting, "setDisplayZoomControls", false);
}
第七十三天至 (作者)
这样子有些难看啊,官方有没有打算提供一个可以隐藏放大镜的API啊?
2019-11-11 18:25