Skip to content

D
Docs

OpenHarmony / Docs
大约 1 年 前同步成功

通知 159
Star 292
Fork 28
D
Docs

体验新版 GitCode，发现更多精彩内容 >>

提交 245b8f4e 编写于 作者: L lixiang
浏览文件
操作

modify allowWindowOpenMethod Sample Code 

Signed-off-by: Nlixiang <lixiang380@huawei.com>
上级 6076c518
隐藏空白更改
内联 并排
Showing with 88 addition and 19 deletion
zh-cn/application-dev/reference/apis/js-apis-webview.md
浏览文件 @ 245b8f4e
...@@ -422,7 +422,8 @@ struct WebComponent { ...@@ -422,7 +422,8 @@ struct WebComponent {
} }
``` ```
加载本地网页 加载本地网页，加载本地资源文件有三种方式。
1.$rawfile方式。
```ts ```ts
// xxx.ets // xxx.ets
import web_webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
...@@ -448,7 +449,7 @@ struct WebComponent { ...@@ -448,7 +449,7 @@ struct WebComponent {
} }
} }
``` ```
2.resources协议。
```ts ```ts
// xxx.ets // xxx.ets
import web_webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
...@@ -475,6 +476,8 @@ struct WebComponent { ...@@ -475,6 +476,8 @@ struct WebComponent {
} }
``` ```
3.通过沙箱路径加载本地文件，可以参考[web](../arkui-ts/ts-basic-components-web.md#web)加载沙箱路径的示例代码。
```html ```html
<!-- xxx.html --> <!-- xxx.html -->
<!DOCTYPE html> <!DOCTYPE html>
......
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
浏览文件 @ 245b8f4e
...@@ -534,6 +534,7 @@ mediaPlayGestureAccess(access: boolean) ...@@ -534,6 +534,7 @@ mediaPlayGestureAccess(access: boolean)
multiWindowAccess(multiWindow: boolean) multiWindowAccess(multiWindow: boolean)
设置是否开启多窗口权限，默认不开启。 设置是否开启多窗口权限，默认不开启。
使能多窗口权限时，需要实现onWindowNew事件，示例代码参考[onWindowNew事件](#onwindownew9)。
**参数：** **参数：**
...@@ -554,7 +555,7 @@ multiWindowAccess(multiWindow: boolean) ...@@ -554,7 +555,7 @@ multiWindowAccess(multiWindow: boolean)
build() { build() {
Column() { Column() {
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
.multiWindowAccess(true) .multiWindowAccess(false)
} }
} }
} }
...@@ -1261,19 +1262,50 @@ allowWindowOpenMethod(flag: boolean) ...@@ -1261,19 +1262,50 @@ allowWindowOpenMethod(flag: boolean)
```ts ```ts
// xxx.ets // xxx.ets
import web_webview from '@ohos.web.webview' 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 @Entry
@Component @Component
struct WebComponent { struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController() controller: web_webview.WebviewController = new web_webview.WebviewController()
@State access: boolean = true dialogController: CustomDialogController = null
@State multiWindow: boolean = true
@State flag: boolean = true
build() { build() {
Column() { Column() {
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
.javaScriptAccess(this.access) .javaScriptAccess(true)
.multiWindowAccess(this.multiWindow) //需要使能multiWindowAccess
.allowWindowOpenMethod(this.flag) .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) ...@@ -2719,7 +2751,9 @@ onFullScreenExit(callback: () => void)
onWindowNew(callback: (event: {isAlert: boolean, isUserTrigger: boolean, targetUrl: string, handler: ControllerHandler}) => 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 ...@@ -2735,19 +2769,51 @@ onWindowNew(callback: (event: {isAlert: boolean, isUserTrigger: boolean, targetU
```ts ```ts
// xxx.ets // xxx.ets
import web_webview from '@ohos.web.webview' 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 @Entry
@Component @Component
struct WebComponent { struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController() controller: web_webview.WebviewController = new web_webview.WebviewController()
dialogController: CustomDialogController = null
build() { build() {
Column() { Column() {
Web({ src:'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
.multiWindowAccess(true) .javaScriptAccess(true)
.onWindowNew((event) => { //需要使能multiWindowAccess
console.log("onWindowNew...") .multiWindowAccess(true)
var popController: web_webview.WebviewController = new web_webview.WebviewController() .allowWindowOpenMethod(true)
event.handler.setWebController(popController) .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 ...@@ -3174,13 +3240,13 @@ exitFullScreen(): void
setWebController(controller: WebviewController): 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 ## WebResourceError
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或