Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
8833bac4
U
uni-app
项目概览
DCloud
/
uni-app
6 个月 前同步成功
通知
750
Star
38709
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
8
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
8
Issue
8
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
未验证
提交
8833bac4
编写于
9月 05, 2019
作者:
W
wanganxp
提交者:
GitHub
9月 05, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update web-view.md
上级
4a6efca8
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
20 addition
and
0 deletion
+20
-0
docs/component/web-view.md
docs/component/web-view.md
+20
-0
未找到文件。
docs/component/web-view.md
浏览文件 @
8833bac4
...
...
@@ -217,6 +217,19 @@ export default {
</script>
```
如果想设置web-view组件可双指缩放,可参考如下代码:
```
js
onReady
()
{
// #ifdef APP-PLUS
var
currentWebview
=
this
.
$mp
.
page
.
$getAppWebview
()
//获取当前页面的webview对象
setTimeout
(
function
()
{
wv
=
currentWebview
.
children
()[
0
]
wv
.
setStyle
({
scalable
:
true
})
},
1000
);
//如果是页面初始化调用时,需要延时一下
// #endif
}
};
```
##### `web-view`组件的层级问题解决
web-view组件在App和小程序中层级较高,如需要在vue页面中写代码为web-view组件覆盖内容,小程序端无解,只能由web-view的组件自己弹出div。App端有如下若干方案:
...
...
@@ -225,6 +238,13 @@ web-view组件在App和小程序中层级较高,如需要在vue页面中写代
3.
也可以使用HBuilderX1.9.10以后新出的
[
原生子窗体subNvue
](
/api/window/subNVues
)
4.
也可以在web-view组件内嵌的网页中弹出z-index更高的div。如果是外部网页,可以在vue中获得子webview对象后,通过
[
evalJS
](
https://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.evalJS
)
为这个子webview注入一段js,操作其弹出div层。
##### web-view组件的浏览器内核说明
-
H5端的web-view其实是被转为iframe运行,使用的是当前的浏览器
-
小程序的web-view使用的是小程序自带的浏览器内核,不同厂商不一样,
[
详见
](
https://ask.dcloud.net.cn/article/1318
)
-
App端,Android,使用的是os自带的浏览器内核,在设置-所有应用里,显示系统服务,可查看Android System Webview的版本。在Android5+,系统webview支持安装升级。
-
App端,iOS,是分为UIWebview和WKWebview的,2.2.5+起默认为WKWebview,之前版本
[
详见
](
https://ask.dcloud.net.cn/article/36348
)
**注意事项**
-
`<web-view>`
组件默认铺满全屏并且层级高于前端组件。App端想调节大小或再其上覆盖内容需使用plus规范。
-
`<web-view>`
组件所在窗口的标题,跟随页面的
`<title>`
值的变化而变化。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录