Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
245b8f4e
D
Docs
项目概览
OpenHarmony
/
Docs
12 个月 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
245b8f4e
编写于
3月 21, 2023
作者:
L
lixiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
modify allowWindowOpenMethod Sample Code
Signed-off-by:
N
lixiang
<
lixiang380@huawei.com
>
上级
6076c518
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
88 addition
and
19 deletion
+88
-19
zh-cn/application-dev/reference/apis/js-apis-webview.md
zh-cn/application-dev/reference/apis/js-apis-webview.md
+5
-2
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
...ication-dev/reference/arkui-ts/ts-basic-components-web.md
+83
-17
未找到文件。
zh-cn/application-dev/reference/apis/js-apis-webview.md
浏览文件 @
245b8f4e
...
...
@@ -422,7 +422,8 @@ struct WebComponent {
}
```
加载本地网页
加载本地网页,加载本地资源文件有三种方式。
1.
$rawfile方式。
```
ts
// xxx.ets
import
web_webview
from
'
@ohos.web.webview
'
...
...
@@ -448,7 +449,7 @@ struct WebComponent {
}
}
```
2.
resources协议。
```
ts
// xxx.ets
import
web_webview
from
'
@ohos.web.webview
'
...
...
@@ -475,6 +476,8 @@ struct WebComponent {
}
```
3.
通过沙箱路径加载本地文件,可以参考
[
web
](
../arkui-ts/ts-basic-components-web.md#web
)
加载沙箱路径的示例代码。
```
html
<!-- xxx.html -->
<!DOCTYPE html>
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
浏览文件 @
245b8f4e
...
...
@@ -534,6 +534,7 @@ mediaPlayGestureAccess(access: boolean)
multiWindowAccess(multiWindow: boolean)
设置是否开启多窗口权限,默认不开启。
使能多窗口权限时,需要实现onWindowNew事件,示例代码参考
[
onWindowNew事件
](
#onwindownew9
)
。
**参数:**
...
...
@@ -554,7 +555,7 @@ multiWindowAccess(multiWindow: boolean)
build
()
{
Column
()
{
Web
({
src
:
'
www.example.com
'
,
controller
:
this
.
controller
})
.
multiWindowAccess
(
tru
e
)
.
multiWindowAccess
(
fals
e
)
}
}
}
...
...
@@ -1261,19 +1262,50 @@ allowWindowOpenMethod(flag: boolean)
```
ts
// xxx.ets
import
web_webview
from
'
@ohos.web.webview
'
//在同一page页有两个web组件。在WebComponent新开窗口时,会跳转到NewWebViewComp。
@
CustomDialog
struct
NewWebViewComp
{
controller
:
CustomDialogController
webviewController1
:
web_webview
.
WebviewController
build
()
{
Column
()
{
Web
({
src
:
""
,
controller
:
this
.
webviewController1
})
.
javaScriptAccess
(
true
)
.
multiWindowAccess
(
false
)
.
onWindowExit
(()
=>
{
console
.
info
(
"
NewWebViewComp onWindowExit
"
)
this
.
controller
.
close
()
})
}
}
}
@
Entry
@
Component
struct
WebComponent
{
controller
:
web_webview
.
WebviewController
=
new
web_webview
.
WebviewController
()
@
State
access
:
boolean
=
true
@
State
multiWindow
:
boolean
=
true
@
State
flag
:
boolean
=
true
dialogController
:
CustomDialogController
=
null
build
()
{
Column
()
{
Web
({
src
:
'
www.example.com
'
,
controller
:
this
.
controller
})
.
javaScriptAccess
(
this
.
access
)
.
multiWindowAccess
(
this
.
multiWindow
)
.
allowWindowOpenMethod
(
this
.
flag
)
.
javaScriptAccess
(
true
)
//需要使能multiWindowAccess
.
multiWindowAccess
(
true
)
.
allowWindowOpenMethod
(
true
)
.
onWindowNew
((
event
)
=>
{
if
(
this
.
dialogController
)
{
this
.
dialogController
.
close
()
}
let
popController
:
web_webview
.
WebviewController
=
new
web_webview
.
WebviewController
()
this
.
dialogController
=
new
CustomDialogController
({
builder
:
NewWebViewComp
({
webviewController1
:
popController
})
})
this
.
dialogController
.
open
()
//将新窗口对应WebviewController返回给Web内核。
//如果不需要打开新窗口请调用event.handler.setWebController接口设置成null。
//若不调用event.handler.setWebController接口,会造成render进程阻塞。
event
.
handler
.
setWebController
(
popController
)
})
}
}
}
...
...
@@ -2719,7 +2751,9 @@ onFullScreenExit(callback: () => void)
onWindowNew(callback: (event: {isAlert: boolean, isUserTrigger: boolean, targetUrl: string, handler: ControllerHandler}) => void)
通知用户新建窗口请求。
使能multiWindowAccess情况下,通知用户新建窗口请求。
若不调用event.handler.setWebController接口,会造成render进程阻塞。
如果不需要打开新窗口,在调用event.handler.setWebController接口时须设置成null。
**参数:**
...
...
@@ -2735,19 +2769,51 @@ onWindowNew(callback: (event: {isAlert: boolean, isUserTrigger: boolean, targetU
```
ts
// xxx.ets
import
web_webview
from
'
@ohos.web.webview
'
//在同一page页有两个web组件。在WebComponent新开窗口时,会跳转到NewWebViewComp。
@
CustomDialog
struct
NewWebViewComp
{
controller
:
CustomDialogController
webviewController1
:
web_webview
.
WebviewController
build
()
{
Column
()
{
Web
({
src
:
""
,
controller
:
this
.
webviewController1
})
.
javaScriptAccess
(
true
)
.
multiWindowAccess
(
false
)
.
onWindowExit
(()
=>
{
console
.
info
(
"
NewWebViewComp onWindowExit
"
)
this
.
controller
.
close
()
})
}
}
}
@
Entry
@
Component
struct
WebComponent
{
controller
:
web_webview
.
WebviewController
=
new
web_webview
.
WebviewController
()
dialogController
:
CustomDialogController
=
null
build
()
{
Column
()
{
Web
({
src
:
'
www.example.com
'
,
controller
:
this
.
controller
})
.
multiWindowAccess
(
true
)
.
onWindowNew
((
event
)
=>
{
console
.
log
(
"
onWindowNew...
"
)
var
popController
:
web_webview
.
WebviewController
=
new
web_webview
.
WebviewController
()
event
.
handler
.
setWebController
(
popController
)
})
Web
({
src
:
'
www.example.com
'
,
controller
:
this
.
controller
})
.
javaScriptAccess
(
true
)
//需要使能multiWindowAccess
.
multiWindowAccess
(
true
)
.
allowWindowOpenMethod
(
true
)
.
onWindowNew
((
event
)
=>
{
if
(
this
.
dialogController
)
{
this
.
dialogController
.
close
()
}
let
popController
:
web_webview
.
WebviewController
=
new
web_webview
.
WebviewController
()
this
.
dialogController
=
new
CustomDialogController
({
builder
:
NewWebViewComp
({
webviewController1
:
popController
})
})
this
.
dialogController
.
open
()
//将新窗口对应WebviewController返回给Web内核。
//如果不需要打开新窗口请调用event.handler.setWebController接口设置成null。
//若不调用event.handler.setWebController接口,会造成render进程阻塞。
event
.
handler
.
setWebController
(
popController
)
})
}
}
}
...
...
@@ -3174,13 +3240,13 @@ exitFullScreen(): void
setWebController(controller: WebviewController): void
设置WebviewController对象。
设置WebviewController对象
,如果不需要打开新窗口请设置为null
。
**参数:**
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| ---------- | ------------- | ---- | ---- | ------------------------- |
| controller |
[
WebviewController
](
../apis/js-apis-webview.md#webviewcontroller
)
| 是 | - | 新建web组件的
的WebviewController对象
。 |
| controller |
[
WebviewController
](
../apis/js-apis-webview.md#webviewcontroller
)
| 是 | - | 新建web组件的
WebviewController对象,如果不需要打开新窗口请设置为null
。 |
## WebResourceError
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录