Skip to content

D
Docs

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

通知 161
Star 293
Fork 28
D
Docs
未验证 提交 9c4e34f0 编写于 作者: O openharmony_ci 提交者： Gitee
浏览文件
操作

!9363 webview文档修复0905-0909 

Merge pull request !9363 from Ted/master
上级 e14de988 eced7409
显示空白变更内容
内联 并排
Showing with 214 addition and 113 deletion
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
浏览文件 @ 9c4e34f0
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
提供具有网页显示能力的Web组件。 提供具有网页显示能力的Web组件。
## 权限列表 ## 需要权限
访问在线网页时需添加网络权限：ohos.permission.INTERNET。 访问在线网页时需添加网络权限：ohos.permission.INTERNET，具体申请方式请参考[权限申请声明](../../security/accesstoken-guidelines.md)。
## 子组件 ## 子组件
...@@ -18,6 +18,10 @@ ...@@ -18,6 +18,10 @@
Web(options: { src: ResourceStr, controller: WebController }) Web(options: { src: ResourceStr, controller: WebController })
> **说明：**
>
> 不支持转场动画。
**参数：** **参数：**
| 参数名 | 参数类型 | 必填 | 参数描述 | | 参数名 | 参数类型 | 必填 | 参数描述 |
...@@ -27,6 +31,7 @@ Web(options: { src: ResourceStr, controller: WebController }) ...@@ -27,6 +31,7 @@ Web(options: { src: ResourceStr, controller: WebController })
**示例：** **示例：**
加载在线网页
```ts ```ts
// xxx.ets // xxx.ets
@Entry @Entry
...@@ -41,9 +46,30 @@ Web(options: { src: ResourceStr, controller: WebController }) ...@@ -41,9 +46,30 @@ Web(options: { src: ResourceStr, controller: WebController })
} }
``` ```
> **说明：** 加载本地网页
> ```ts
> 不支持转场动画。 // xxx.ets
@Entry
@Component
struct WebComponent {
controller: WebController = new WebController();
build() {
Column() {
Web({ src: $rawfile("index.html"), controller: this.controller })
}
}
}
```
```html
<!-- index.html -->
<!DOCTYPE html>
<html>
<body>
<p>Hello World</p>
</body>
</html>
```
## 属性 ## 属性
...@@ -579,10 +605,16 @@ onAlert(callback: (event?: { url: string; message: string; result: JsResult }) = ...@@ -579,10 +605,16 @@ onAlert(callback: (event?: { url: string; message: string; result: JsResult }) =
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
.onAlert((event) => { .onAlert((event) => {
AlertDialog.show({ AlertDialog.show({
title: 'title', title: 'onAlert',
message: 'text', message: 'text',
confirm: { primaryButton: {
value: 'onAlert', value: 'cancel',
action: () => {
event.result.handleCancel()
}
},
secondaryButton: {
value: 'ok',
action: () => { action: () => {
event.result.handleConfirm() event.result.handleConfirm()
} }
...@@ -602,7 +634,7 @@ onAlert(callback: (event?: { url: string; message: string; result: JsResult }) = ...@@ -602,7 +634,7 @@ onAlert(callback: (event?: { url: string; message: string; result: JsResult }) =
onBeforeUnload(callback: (event?: { url: string; message: string; result: JsResult }) => boolean) onBeforeUnload(callback: (event?: { url: string; message: string; result: JsResult }) => boolean)
刷新或关闭场景下，在即将离开当前页面时触发此回调。 刷新或关闭场景下，在即将离开当前页面时触发此回调。刷新当前页面应先通过点击等方式获取焦点，才会触发此回调。
**参数：** **参数：**
...@@ -633,8 +665,26 @@ onBeforeUnload(callback: (event?: { url: string; message: string; result: JsResu ...@@ -633,8 +665,26 @@ onBeforeUnload(callback: (event?: { url: string; message: string; result: JsResu
.onBeforeUnload((event) => { .onBeforeUnload((event) => {
console.log("event.url:" + event.url); console.log("event.url:" + event.url);
console.log("event.message:" + event.message); console.log("event.message:" + event.message);
console.log("event.result:" + event.result); AlertDialog.show({
return false; title: 'onBeforeUnload',
message: 'text',
primaryButton: {
value: 'cancel',
action: () => {
event.result.handleCancel()
}
},
secondaryButton: {
value: 'ok',
action: () => {
event.result.handleConfirm()
}
},
cancel: () => {
event.result.handleCancel()
}
})
return true;
}) })
} }
} }
...@@ -678,10 +728,16 @@ onConfirm(callback: (event?: { url: string; message: string; result: JsResult }) ...@@ -678,10 +728,16 @@ onConfirm(callback: (event?: { url: string; message: string; result: JsResult })
console.log("event.message:" + event.message); console.log("event.message:" + event.message);
console.log("event.result:" + event.result); console.log("event.result:" + event.result);
AlertDialog.show({ AlertDialog.show({
title: 'title', title: 'onConfirm',
message: 'text', message: 'text',
confirm: { primaryButton: {
value: 'onConfirm', value: 'cancel',
action: () => {
event.result.handleCancel()
}
},
secondaryButton: {
value: 'ok',
action: () => { action: () => {
event.result.handleConfirm() event.result.handleConfirm()
} }
...@@ -723,6 +779,7 @@ onPrompt(callback: (event?: { url: string; message: string; value: string; resul ...@@ -723,6 +779,7 @@ onPrompt(callback: (event?: { url: string; message: string; value: string; resul
@Component @Component
struct WebComponent { struct WebComponent {
controller: WebController = new WebController(); controller: WebController = new WebController();
build() { build() {
Column() { Column() {
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
...@@ -730,11 +787,30 @@ onPrompt(callback: (event?: { url: string; message: string; value: string; resul ...@@ -730,11 +787,30 @@ onPrompt(callback: (event?: { url: string; message: string; value: string; resul
console.log("url:" + event.url); console.log("url:" + event.url);
console.log("message:" + event.message); console.log("message:" + event.message);
console.log("value:" + event.value); console.log("value:" + event.value);
console.log("result:" + event.result); AlertDialog.show({
title: 'onPrompt',
message: 'text',
primaryButton: {
value: 'cancel',
action: () => {
event.result.handleCancel()
}
},
secondaryButton: {
value: 'ok',
action: () => {
event.result.handleConfirm()
}
},
cancel: () => {
event.result.handleCancel()
}
})
return true; return true;
}) })
} }
} }
}
``` ```
### onConsole ### onConsole
...@@ -1052,7 +1128,7 @@ onRefreshAccessedHistory(callback: (event?: { url: string, isRefreshed: boolean ...@@ -1052,7 +1128,7 @@ onRefreshAccessedHistory(callback: (event?: { url: string, isRefreshed: boolean
| 参数名 | 参数类型 | 参数描述 | | 参数名 | 参数类型 | 参数描述 |
| ----------- | ------- | --------------------------------- | | ----------- | ------- | --------------------------------- |
| url | string | 访问的url。 | | url | string | 访问的url。 |
| isRefreshed | boolean | true表示该页面是被重新加载的，false表示该页面是新加载的。 | | isRefreshed | boolean | true表示该页面是被重新加载的（调用[refresh](#refresh)接口），false表示该页面是新加载的。 |
**示例：** **示例：**
...@@ -1067,7 +1143,7 @@ onRefreshAccessedHistory(callback: (event?: { url: string, isRefreshed: boolean ...@@ -1067,7 +1143,7 @@ onRefreshAccessedHistory(callback: (event?: { url: string, isRefreshed: boolean
Column() { Column() {
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
.onRefreshAccessedHistory((event) => { .onRefreshAccessedHistory((event) => {
console.log('url:' + event.url + ' isReload:' + event.refreshed); console.log('url:' + event.url + ' isReload:' + event.isRefreshed);
}) })
} }
} }
...@@ -1108,7 +1184,7 @@ onRenderExited(callback: (event?: { renderExitReason: RenderExitReason }) => voi ...@@ -1108,7 +1184,7 @@ onRenderExited(callback: (event?: { renderExitReason: RenderExitReason }) => voi
### onShowFileSelector<sup>9+</sup> ### onShowFileSelector<sup>9+</sup>
onShowFileSelector(callback: (event?: { result: FileSelectorResult, fileSelector: FileSelectorParam }) => void) onShowFileSelector(callback: (event?: { result: FileSelectorResult, fileSelector: FileSelectorParam }) => boolean)
调用此函数以处理具有“文件”输入类型的HTML表单，以响应用户按下的“选择文件”按钮。 调用此函数以处理具有“文件”输入类型的HTML表单，以响应用户按下的“选择文件”按钮。
...@@ -1119,6 +1195,12 @@ onShowFileSelector(callback: (event?: { result: FileSelectorResult, fileSelector ...@@ -1119,6 +1195,12 @@ onShowFileSelector(callback: (event?: { result: FileSelectorResult, fileSelector
| result | [FileSelectorResult](#fileselectorresult9) | 用于通知Web组件文件选择的结果。 | | result | [FileSelectorResult](#fileselectorresult9) | 用于通知Web组件文件选择的结果。 |
| fileSelector | [FileSelectorParam](#fileselectorparam9) | 文件选择器的相关信息。 | | fileSelector | [FileSelectorParam](#fileselectorparam9) | 文件选择器的相关信息。 |
**返回值：**
| 类型 | 说明 |
| ------- | ----------------------------------- |
| boolean | 当返回值为true时，用户可以调用系统提供的弹窗能力。当返回值为false时，触发Web默认弹窗。 |
**示例：** **示例：**
```ts ```ts
...@@ -1197,7 +1279,7 @@ onUrlLoadIntercept(callback: (event?: { data:string | WebResourceRequest }) => b ...@@ -1197,7 +1279,7 @@ onUrlLoadIntercept(callback: (event?: { data:string | WebResourceRequest }) => b
### onInterceptRequest<sup>9+</sup> ### onInterceptRequest<sup>9+</sup>
onInterceptRequest9+(callback: (event?: { request: WebResourceRequest}) => WebResourceResponse) onInterceptRequest(callback: (event?: { request: WebResourceRequest}) => WebResourceResponse)
当Web组件加载url之前触发该回调，用于拦截url并返回响应数据。 当Web组件加载url之前触发该回调，用于拦截url并返回响应数据。
...@@ -1284,6 +1366,7 @@ onHttpAuthRequest(callback: (event?: { handler: HttpAuthHandler, host: string, r ...@@ -1284,6 +1366,7 @@ onHttpAuthRequest(callback: (event?: { handler: HttpAuthHandler, host: string, r
```ts ```ts
// xxx.ets // xxx.ets
import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -1295,14 +1378,20 @@ onHttpAuthRequest(callback: (event?: { handler: HttpAuthHandler, host: string, r ...@@ -1295,14 +1378,20 @@ onHttpAuthRequest(callback: (event?: { handler: HttpAuthHandler, host: string, r
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
.onHttpAuthRequest((event) => { .onHttpAuthRequest((event) => {
AlertDialog.show({ AlertDialog.show({
title: 'title', title: 'onHttpAuthRequest',
message: 'text', message: 'text',
confirm: { primaryButton: {
value: 'onConfirm', value: 'cancel',
action: () => {
event.handler.cancel();
}
},
secondaryButton: {
value: 'ok',
action: () => { action: () => {
this.httpAuth = event.handler.isHttpAuthInfoSaved(); this.httpAuth = event.handler.isHttpAuthInfoSaved();
if (this.httpAuth == false) { if (this.httpAuth == false) {
web.WebDataBase.saveHttpAuthCredentials( web_webview.WebDataBase.saveHttpAuthCredentials(
event.host, event.host,
event.realm, event.realm,
"2222", "2222",
...@@ -1349,7 +1438,13 @@ onPermissionRequest(callback: (event?: { request: PermissionRequest }) => void) ...@@ -1349,7 +1438,13 @@ onPermissionRequest(callback: (event?: { request: PermissionRequest }) => void)
AlertDialog.show({ AlertDialog.show({
title: 'title', title: 'title',
message: 'text', message: 'text',
confirm: { primaryButton: {
value: 'deny',
action: () => {
event.request.deny();
}
},
secondaryButton: {
value: 'onConfirm', value: 'onConfirm',
action: () => { action: () => {
event.request.grant(event.request.getAccessibleResource()); event.request.grant(event.request.getAccessibleResource());
...@@ -1398,6 +1493,7 @@ onContextMenuShow(callback: (event?: { param: WebContextMenuParam, result: WebCo ...@@ -1398,6 +1493,7 @@ onContextMenuShow(callback: (event?: { param: WebContextMenuParam, result: WebCo
.onContextMenuShow((event) => { .onContextMenuShow((event) => {
console.info("x coord = " + event.param.x()); console.info("x coord = " + event.param.x());
console.info("link url = " + event.param.getLinkUrl()); console.info("link url = " + event.param.getLinkUrl());
return false;
}) })
} }
} }
...@@ -2297,15 +2393,18 @@ backOrForward(step: number): void ...@@ -2297,15 +2393,18 @@ backOrForward(step: number): void
@Component @Component
struct WebComponent { struct WebComponent {
controller: WebController = new WebController(); controller: WebController = new WebController();
@State step: number = -2;
build() { build() {
Column() { Column() {
Button('backOrForward') Button('backOrForward')
.onClick(() => { .onClick(() => {
this.controller.backOrForward(); this.controller.backOrForward(this.step);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
} }
}
``` ```
### deleteJavaScriptRegister ### deleteJavaScriptRegister
...@@ -3038,7 +3137,7 @@ createWebMessagePorts(): Array\<WebMessagePort\> ...@@ -3038,7 +3137,7 @@ createWebMessagePorts(): Array\<WebMessagePort\>
@Component @Component
struct WebComponent { struct WebComponent {
controller: WebController = new WebController(); controller: WebController = new WebController();
ports: WebMessagePorts[] = null; ports: WebMessagePort[] = null;
build() { build() {
Column() { Column() {
Button('createWebMessagePorts') Button('createWebMessagePorts')
...@@ -3073,7 +3172,7 @@ postMessage(options: { message: WebMessageEvent, uri: string}): void ...@@ -3073,7 +3172,7 @@ postMessage(options: { message: WebMessageEvent, uri: string}): void
@Component @Component
struct WebComponent { struct WebComponent {
controller: WebController = new WebController(); controller: WebController = new WebController();
ports: WebMessagePorts[] = null; ports: WebMessagePort[] = null;
build() { build() {
Column() { Column() {
Button('postMessage') Button('postMessage')
...@@ -3082,7 +3181,7 @@ postMessage(options: { message: WebMessageEvent, uri: string}): void ...@@ -3082,7 +3181,7 @@ postMessage(options: { message: WebMessageEvent, uri: string}): void
var msgEvent = new WebMessageEvent(); var msgEvent = new WebMessageEvent();
msgEvent.setData("__init_ports__"); msgEvent.setData("__init_ports__");
msgEvent.setPorts(sendPortArray); msgEvent.setPorts(sendPortArray);
this.controller.postMessage(msgEvent, uri:"*"); this.controller.postMessage({message: msgEvent, uri: "*"});
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3258,7 +3357,7 @@ getCookie(url: string): string ...@@ -3258,7 +3357,7 @@ getCookie(url: string): string
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3299,7 +3398,7 @@ setCookie(url: string, value: string): boolean ...@@ -3299,7 +3398,7 @@ setCookie(url: string, value: string): boolean
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3309,7 +3408,7 @@ setCookie(url: string, value: string): boolean ...@@ -3309,7 +3408,7 @@ setCookie(url: string, value: string): boolean
Column() { Column() {
Button('setCookie') Button('setCookie')
.onClick(() => { .onClick(() => {
let result = webview.WebCookieManager.setCookie('www.example.com', 'a=b'); let result = web_webview.WebCookieManager.setCookie('www.example.com', 'a=b');
console.log("result: " + result); console.log("result: " + result);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
...@@ -3333,7 +3432,7 @@ saveCookieSync(): boolean ...@@ -3333,7 +3432,7 @@ saveCookieSync(): boolean
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3343,7 +3442,7 @@ saveCookieSync(): boolean ...@@ -3343,7 +3442,7 @@ saveCookieSync(): boolean
Column() { Column() {
Button('saveCookieSync') Button('saveCookieSync')
.onClick(() => { .onClick(() => {
let result = webview.WebCookieManager.saveCookieSync(); let result = web_webview.WebCookieManager.saveCookieSync();
console.log("result: " + result); console.log("result: " + result);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
...@@ -3367,6 +3466,7 @@ saveCookieAsync(): Promise\<boolean> ...@@ -3367,6 +3466,7 @@ saveCookieAsync(): Promise\<boolean>
```ts ```ts
// xxx.ets // xxx.ets
import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3376,7 +3476,7 @@ saveCookieAsync(): Promise\<boolean> ...@@ -3376,7 +3476,7 @@ saveCookieAsync(): Promise\<boolean>
Column() { Column() {
Button('saveCookieAsync') Button('saveCookieAsync')
.onClick(() => { .onClick(() => {
webview.WebCookieManager.saveCookieAsync() web_webview.WebCookieManager.saveCookieAsync()
.then (function(result) { .then (function(result) {
console.log("result: " + result); console.log("result: " + result);
}) })
...@@ -3405,6 +3505,7 @@ saveCookieAsync(callback: AsyncCallback\<boolean>): void ...@@ -3405,6 +3505,7 @@ saveCookieAsync(callback: AsyncCallback\<boolean>): void
```ts ```ts
// xxx.ets // xxx.ets
import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3414,7 +3515,7 @@ saveCookieAsync(callback: AsyncCallback\<boolean>): void ...@@ -3414,7 +3515,7 @@ saveCookieAsync(callback: AsyncCallback\<boolean>): void
Column() { Column() {
Button('saveCookieAsync') Button('saveCookieAsync')
.onClick(() => { .onClick(() => {
webview.WebCookieManager.saveCookieAsync(function(result) { web_webview.WebCookieManager.saveCookieAsync(function(result) {
console.log("result: " + result); console.log("result: " + result);
}); });
}) })
...@@ -3439,7 +3540,7 @@ isCookieAllowed(): boolean ...@@ -3439,7 +3540,7 @@ isCookieAllowed(): boolean
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3449,7 +3550,7 @@ isCookieAllowed(): boolean ...@@ -3449,7 +3550,7 @@ isCookieAllowed(): boolean
Column() { Column() {
Button('isCookieAllowed') Button('isCookieAllowed')
.onClick(() => { .onClick(() => {
let result = webview.WebCookieManager.isCookieAllowed(); let result = web_webview.WebCookieManager.isCookieAllowed();
console.log("result: " + result); console.log("result: " + result);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
...@@ -3473,7 +3574,7 @@ putAcceptCookieEnabled(accept: boolean): void ...@@ -3473,7 +3574,7 @@ putAcceptCookieEnabled(accept: boolean): void
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3483,7 +3584,7 @@ putAcceptCookieEnabled(accept: boolean): void ...@@ -3483,7 +3584,7 @@ putAcceptCookieEnabled(accept: boolean): void
Column() { Column() {
Button('putAcceptCookieEnabled') Button('putAcceptCookieEnabled')
.onClick(() => { .onClick(() => {
webview.WebCookieManager.putAcceptCookieEnabled(false); web_webview.WebCookieManager.putAcceptCookieEnabled(false);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3506,7 +3607,7 @@ isThirdCookieAllowed(): boolean ...@@ -3506,7 +3607,7 @@ isThirdCookieAllowed(): boolean
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3516,7 +3617,7 @@ isThirdCookieAllowed(): boolean ...@@ -3516,7 +3617,7 @@ isThirdCookieAllowed(): boolean
Column() { Column() {
Button('isThirdPartyCookieAllowed') Button('isThirdPartyCookieAllowed')
.onClick(() => { .onClick(() => {
let result = webview.WebCookieManager.isThirdPartyCookieAllowed(); let result = web_webview.WebCookieManager.isThirdPartyCookieAllowed();
console.log("result: " + result); console.log("result: " + result);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
...@@ -3540,7 +3641,7 @@ putAcceptThirdPartyCookieEnabled(accept: boolean): void ...@@ -3540,7 +3641,7 @@ putAcceptThirdPartyCookieEnabled(accept: boolean): void
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3550,7 +3651,7 @@ putAcceptThirdPartyCookieEnabled(accept: boolean): void ...@@ -3550,7 +3651,7 @@ putAcceptThirdPartyCookieEnabled(accept: boolean): void
Column() { Column() {
Button('putAcceptThirdPartyCookieEnabled') Button('putAcceptThirdPartyCookieEnabled')
.onClick(() => { .onClick(() => {
webview.WebCookieManager.putAcceptThirdPartyCookieEnabled(false); web_webview.WebCookieManager.putAcceptThirdPartyCookieEnabled(false);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3573,7 +3674,7 @@ existCookie(): boolean ...@@ -3573,7 +3674,7 @@ existCookie(): boolean
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3583,7 +3684,7 @@ existCookie(): boolean ...@@ -3583,7 +3684,7 @@ existCookie(): boolean
Column() { Column() {
Button('existCookie') Button('existCookie')
.onClick(() => { .onClick(() => {
let result = webview.WebCookieManager.existCookie(); let result = web_webview.WebCookieManager.existCookie();
console.log("result: " + result); console.log("result: " + result);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
...@@ -3601,7 +3702,7 @@ deleteEntireCookie(): void ...@@ -3601,7 +3702,7 @@ deleteEntireCookie(): void
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3611,7 +3712,7 @@ deleteEntireCookie(): void ...@@ -3611,7 +3712,7 @@ deleteEntireCookie(): void
Column() { Column() {
Button('deleteEntireCookie') Button('deleteEntireCookie')
.onClick(() => { .onClick(() => {
webview.WebCookieManager.deleteEntireCookie(); web_webview.WebCookieManager.deleteEntireCookie();
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3628,7 +3729,7 @@ deleteSessionCookie(): void ...@@ -3628,7 +3729,7 @@ deleteSessionCookie(): void
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview' import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3665,7 +3766,7 @@ static existHttpAuthCredentials(): boolean ...@@ -3665,7 +3766,7 @@ static existHttpAuthCredentials(): boolean
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3675,7 +3776,7 @@ static existHttpAuthCredentials(): boolean ...@@ -3675,7 +3776,7 @@ static existHttpAuthCredentials(): boolean
Column() { Column() {
Button('existHttpAuthCredentials') Button('existHttpAuthCredentials')
.onClick(() => { .onClick(() => {
let result = web.WebDataBase.existHttpAuthCredentials(); let result = web_webview.WebDataBase.existHttpAuthCredentials();
console.log('result: ' + result); console.log('result: ' + result);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
...@@ -3694,7 +3795,7 @@ static deleteHttpAuthCredentials(): void ...@@ -3694,7 +3795,7 @@ static deleteHttpAuthCredentials(): void
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3704,7 +3805,7 @@ static deleteHttpAuthCredentials(): void ...@@ -3704,7 +3805,7 @@ static deleteHttpAuthCredentials(): void
Column() { Column() {
Button('deleteHttpAuthCredentials') Button('deleteHttpAuthCredentials')
.onClick(() => { .onClick(() => {
web.WebDataBase.deleteHttpAuthCredentials(); web_webview.WebDataBase.deleteHttpAuthCredentials();
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3735,7 +3836,7 @@ static getHttpAuthCredentials(host: string, realm: string): Array\<string\> ...@@ -3735,7 +3836,7 @@ static getHttpAuthCredentials(host: string, realm: string): Array\<string\>
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3747,7 +3848,7 @@ static getHttpAuthCredentials(host: string, realm: string): Array\<string\> ...@@ -3747,7 +3848,7 @@ static getHttpAuthCredentials(host: string, realm: string): Array\<string\>
Column() { Column() {
Button('getHttpAuthCredentials') Button('getHttpAuthCredentials')
.onClick(() => { .onClick(() => {
this.username_password = web.WebDataBase.getHttpAuthCredentials(this.host, this.realm); this.username_password = web_webview.WebDataBase.getHttpAuthCredentials(this.host, this.realm);
console.log('num: ' + this.username_password.length); console.log('num: ' + this.username_password.length);
ForEach(this.username_password, (item) => { ForEach(this.username_password, (item) => {
console.log('username_password: ' + item); console.log('username_password: ' + item);
...@@ -3778,7 +3879,7 @@ static saveHttpAuthCredentials(host: string, realm: string, username: string, pa ...@@ -3778,7 +3879,7 @@ static saveHttpAuthCredentials(host: string, realm: string, username: string, pa
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3789,7 +3890,7 @@ static saveHttpAuthCredentials(host: string, realm: string, username: string, pa ...@@ -3789,7 +3890,7 @@ static saveHttpAuthCredentials(host: string, realm: string, username: string, pa
Column() { Column() {
Button('saveHttpAuthCredentials') Button('saveHttpAuthCredentials')
.onClick(() => { .onClick(() => {
web.WebDataBase.saveHttpAuthCredentials(this.host, this.realm, "Stromgol", "Laroche"); web_webview.WebDataBase.saveHttpAuthCredentials(this.host, this.realm, "Stromgol", "Laroche");
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3817,7 +3918,7 @@ static allowGeolocation(origin: string): void ...@@ -3817,7 +3918,7 @@ static allowGeolocation(origin: string): void
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview'; import web_webview from '@ohos.web.webview';
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3827,7 +3928,7 @@ static allowGeolocation(origin: string): void ...@@ -3827,7 +3928,7 @@ static allowGeolocation(origin: string): void
Column() { Column() {
Button('allowGeolocation') Button('allowGeolocation')
.onClick(() => { .onClick(() => {
webview.GeolocationPermissions.allowGeolocation(this.origin); web_webview.GeolocationPermissions.allowGeolocation(this.origin);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3851,7 +3952,7 @@ static deleteGeolocation(origin: string): void ...@@ -3851,7 +3952,7 @@ static deleteGeolocation(origin: string): void
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview'; import web_webview from '@ohos.web.webview';
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3861,7 +3962,7 @@ static deleteGeolocation(origin: string): void ...@@ -3861,7 +3962,7 @@ static deleteGeolocation(origin: string): void
Column() { Column() {
Button('deleteGeolocation') Button('deleteGeolocation')
.onClick(() => { .onClick(() => {
webview.GeolocationPermissions.deleteGeolocation(this.origin); web_webview.GeolocationPermissions.deleteGeolocation(this.origin);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3879,7 +3980,7 @@ static deleteAllGeolocation(): void ...@@ -3879,7 +3980,7 @@ static deleteAllGeolocation(): void
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview'; import web_webview from '@ohos.web.webview';
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3888,7 +3989,7 @@ static deleteAllGeolocation(): void ...@@ -3888,7 +3989,7 @@ static deleteAllGeolocation(): void
Column() { Column() {
Button('deleteAllGeolocation') Button('deleteAllGeolocation')
.onClick(() => { .onClick(() => {
webview.GeolocationPermissions.deleteAllGeolocation(); web_webview.GeolocationPermissions.deleteAllGeolocation();
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -3913,7 +4014,7 @@ static getAccessibleGeolocation(origin: string, callback: AsyncCallback\<boolean ...@@ -3913,7 +4014,7 @@ static getAccessibleGeolocation(origin: string, callback: AsyncCallback\<boolean
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview'; import web_webview from '@ohos.web.webview';
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3923,7 +4024,7 @@ static getAccessibleGeolocation(origin: string, callback: AsyncCallback\<boolean ...@@ -3923,7 +4024,7 @@ static getAccessibleGeolocation(origin: string, callback: AsyncCallback\<boolean
Column() { Column() {
Button('getAccessibleGeolocationAsync') Button('getAccessibleGeolocationAsync')
.onClick(() => { .onClick(() => {
webview.GeolocationPermissions.getAccessibleGeolocation(this.origin, (error, result) => { web_webview.GeolocationPermissions.getAccessibleGeolocation(this.origin, (error, result) => {
if (error) { if (error) {
console.log('getAccessibleGeolocationAsync error: ' + JSON.stringify(error)); console.log('getAccessibleGeolocationAsync error: ' + JSON.stringify(error));
return; return;
...@@ -3959,7 +4060,7 @@ static getAccessibleGeolocation(origin: string): Promise\<boolean\> ...@@ -3959,7 +4060,7 @@ static getAccessibleGeolocation(origin: string): Promise\<boolean\>
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview'; import web_webview from '@ohos.web.webview';
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -3969,7 +4070,7 @@ static getAccessibleGeolocation(origin: string): Promise\<boolean\> ...@@ -3969,7 +4070,7 @@ static getAccessibleGeolocation(origin: string): Promise\<boolean\>
Column() { Column() {
Button('getAccessibleGeolocationPromise') Button('getAccessibleGeolocationPromise')
.onClick(() => { .onClick(() => {
webview.GeolocationPermissions.getAccessibleGeolocation(this.origin).then(result => { web_webview.GeolocationPermissions.getAccessibleGeolocation(this.origin).then(result => {
console.log('getAccessibleGeolocationPromise result: ' + result); console.log('getAccessibleGeolocationPromise result: ' + result);
}).catch(error => { }).catch(error => {
console.log('getAccessibleGeolocationPromise error: ' + JSON.stringify(error)); console.log('getAccessibleGeolocationPromise error: ' + JSON.stringify(error));
...@@ -3997,7 +4098,7 @@ static getStoredGeolocation(callback: AsyncCallback\<Array\<string\>\>): void ...@@ -3997,7 +4098,7 @@ static getStoredGeolocation(callback: AsyncCallback\<Array\<string\>\>): void
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview'; import web_webview from '@ohos.web.webview';
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4006,7 +4107,7 @@ static getStoredGeolocation(callback: AsyncCallback\<Array\<string\>\>): void ...@@ -4006,7 +4107,7 @@ static getStoredGeolocation(callback: AsyncCallback\<Array\<string\>\>): void
Column() { Column() {
Button('getStoredGeolocationAsync') Button('getStoredGeolocationAsync')
.onClick(() => { .onClick(() => {
webview.GeolocationPermissions.getStoredGeolocation((error, origins) => { web_webview.GeolocationPermissions.getStoredGeolocation((error, origins) => {
if (error) { if (error) {
console.log('getStoredGeolocationAsync error: ' + JSON.stringify(error)); console.log('getStoredGeolocationAsync error: ' + JSON.stringify(error));
return; return;
...@@ -4043,7 +4144,7 @@ static getStoredGeolocation(): Promise\<Array\<string\>\> ...@@ -4043,7 +4144,7 @@ static getStoredGeolocation(): Promise\<Array\<string\>\>
```ts ```ts
// xxx.ets // xxx.ets
import webview from '@ohos.web.webview'; import web_webview from '@ohos.web.webview';
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4052,7 +4153,7 @@ static getStoredGeolocation(): Promise\<Array\<string\>\> ...@@ -4052,7 +4153,7 @@ static getStoredGeolocation(): Promise\<Array\<string\>\>
Column() { Column() {
Button('getStoredGeolocationPromise') Button('getStoredGeolocationPromise')
.onClick(() => { .onClick(() => {
webview.GeolocationPermissions.getStoredGeolocation().then(origins => { web_webview.GeolocationPermissions.getStoredGeolocation().then(origins => {
let origins_str: string = origins.join(); let origins_str: string = origins.join();
console.log('getStoredGeolocationPromise origins: ' + origins_str); console.log('getStoredGeolocationPromise origins: ' + origins_str);
}).catch(error => { }).catch(error => {
...@@ -4076,7 +4177,7 @@ static deleteAllData(): void ...@@ -4076,7 +4177,7 @@ static deleteAllData(): void
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4085,7 +4186,7 @@ static deleteAllData(): void ...@@ -4085,7 +4186,7 @@ static deleteAllData(): void
Column() { Column() {
Button('deleteAllData') Button('deleteAllData')
.onClick(() => { .onClick(() => {
web.WebStorage.deleteAllData(); web_webview.WebStorage.deleteAllData();
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
.databaseAccess(true) .databaseAccess(true)
...@@ -4109,7 +4210,7 @@ static deleteOrigin(origin : string): void ...@@ -4109,7 +4210,7 @@ static deleteOrigin(origin : string): void
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4119,7 +4220,7 @@ static deleteOrigin(origin : string): void ...@@ -4119,7 +4220,7 @@ static deleteOrigin(origin : string): void
Column() { Column() {
Button('getHttpAuthCredentials') Button('getHttpAuthCredentials')
.onClick(() => { .onClick(() => {
web.WebStorage.deleteOrigin(this.origin); web_webview.WebStorage.deleteOrigin(this.origin);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
.databaseAccess(true) .databaseAccess(true)
...@@ -4129,7 +4230,7 @@ static deleteOrigin(origin : string): void ...@@ -4129,7 +4230,7 @@ static deleteOrigin(origin : string): void
``` ```
### getOrigins<sup>9+</sup> ### getOrigins<sup>9+</sup>
static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void static getOrigins(callback: AsyncCallback<Array<WebStorageOrigin>>) : void
以回调方式异步获取当前使用Web SQL数据库的所有源的信息。 以回调方式异步获取当前使用Web SQL数据库的所有源的信息。
...@@ -4143,7 +4244,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void ...@@ -4143,7 +4244,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4153,7 +4254,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void ...@@ -4153,7 +4254,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void
Column() { Column() {
Button('getOrigins') Button('getOrigins')
.onClick(() => { .onClick(() => {
web.WebStorage.getOrigins((error, origins) => { web_webview.WebStorage.getOrigins((error, origins) => {
if (error) { if (error) {
console.log('error: ' + error); console.log('error: ' + error);
return; return;
...@@ -4173,7 +4274,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void ...@@ -4173,7 +4274,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void
``` ```
### getOrigins<sup>9+</sup> ### getOrigins<sup>9+</sup>
static getOrigins() : Promise<Array<[WebStorageOrigin]>> static getOrigins() : Promise<Array<WebStorageOrigin>>
以Promise方式异步获取当前使用Web SQL数据库的所有源的信息。 以Promise方式异步获取当前使用Web SQL数据库的所有源的信息。
...@@ -4187,7 +4288,7 @@ static getOrigins() : Promise<Array<[WebStorageOrigin]>> ...@@ -4187,7 +4288,7 @@ static getOrigins() : Promise<Array<[WebStorageOrigin]>>
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4197,7 +4298,7 @@ static getOrigins() : Promise<Array<[WebStorageOrigin]>> ...@@ -4197,7 +4298,7 @@ static getOrigins() : Promise<Array<[WebStorageOrigin]>>
Column() { Column() {
Button('getOrigins') Button('getOrigins')
.onClick(() => { .onClick(() => {
web.WebStorage.getOrigins() web_webview.WebStorage.getOrigins()
.then(origins => { .then(origins => {
for (let i = 0; i < origins.length; i++) { for (let i = 0; i < origins.length; i++) {
console.log('origin: ' + origins[i].origin); console.log('origin: ' + origins[i].origin);
...@@ -4232,7 +4333,7 @@ static getOriginQuota(origin : string, callback : AsyncCallback\<number>) : void ...@@ -4232,7 +4333,7 @@ static getOriginQuota(origin : string, callback : AsyncCallback\<number>) : void
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4242,7 +4343,7 @@ static getOriginQuota(origin : string, callback : AsyncCallback\<number>) : void ...@@ -4242,7 +4343,7 @@ static getOriginQuota(origin : string, callback : AsyncCallback\<number>) : void
Column() { Column() {
Button('getOriginQuota') Button('getOriginQuota')
.onClick(() => { .onClick(() => {
web.WebStorage.getOriginQuota(this.origin, (error, quota) => { web_webview.WebStorage.getOriginQuota(this.origin, (error, quota) => {
if (error) { if (error) {
console.log('error: ' + error); console.log('error: ' + error);
return; return;
...@@ -4278,7 +4379,7 @@ static getOriginQuota(origin : string) : Promise\<number> ...@@ -4278,7 +4379,7 @@ static getOriginQuota(origin : string) : Promise\<number>
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4288,7 +4389,7 @@ static getOriginQuota(origin : string) : Promise\<number> ...@@ -4288,7 +4389,7 @@ static getOriginQuota(origin : string) : Promise\<number>
Column() { Column() {
Button('getOriginQuota') Button('getOriginQuota')
.onClick(() => { .onClick(() => {
web.WebStorage.getOriginQuota(this.origin) web_webview.WebStorage.getOriginQuota(this.origin)
.then(quota => { .then(quota => {
console.log('quota: ' + quota); console.log('quota: ' + quota);
}) })
...@@ -4319,7 +4420,7 @@ static getOriginUsage(origin : string, callback : AsyncCallback\<number>) : void ...@@ -4319,7 +4420,7 @@ static getOriginUsage(origin : string, callback : AsyncCallback\<number>) : void
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4329,12 +4430,12 @@ static getOriginUsage(origin : string, callback : AsyncCallback\<number>) : void ...@@ -4329,12 +4430,12 @@ static getOriginUsage(origin : string, callback : AsyncCallback\<number>) : void
Column() { Column() {
Button('getOriginUsage') Button('getOriginUsage')
.onClick(() => { .onClick(() => {
web.WebStorage.getOriginUsage(this.origin, (error, usage) => { web_webview.WebStorage.getOriginUsage(this.origin, (error, usage) => {
if (error) { if (error) {
console.log('error: ' + error); console.log('error: ' + error);
return; return;
} }
consloe.log('usage: ' + usage); console.log('usage: ' + usage);
}) })
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
...@@ -4365,7 +4466,7 @@ static getOriginUsage(origin : string) : Promise\<number> ...@@ -4365,7 +4466,7 @@ static getOriginUsage(origin : string) : Promise\<number>
```ts ```ts
// xxx.ets // xxx.ets
import web from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4375,7 +4476,7 @@ static getOriginUsage(origin : string) : Promise\<number> ...@@ -4375,7 +4476,7 @@ static getOriginUsage(origin : string) : Promise\<number>
Column() { Column() {
Button('getOriginQuota') Button('getOriginQuota')
.onClick(() => { .onClick(() => {
web.WebStorage.getOriginUsage(this.origin) web_webview.WebStorage.getOriginUsage(this.origin)
.then(usage => { .then(usage => {
console.log('usage: ' + usage); console.log('usage: ' + usage);
}) })
...@@ -4636,7 +4737,7 @@ storeWebArchive(baseName: string, autoName: boolean, callback: AsyncCallback<str ...@@ -4636,7 +4737,7 @@ storeWebArchive(baseName: string, autoName: boolean, callback: AsyncCallback<str
```ts ```ts
// xxx.ets // xxx.ets
import WebAsyncController from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4645,7 +4746,7 @@ storeWebArchive(baseName: string, autoName: boolean, callback: AsyncCallback<str ...@@ -4645,7 +4746,7 @@ storeWebArchive(baseName: string, autoName: boolean, callback: AsyncCallback<str
Column() { Column() {
Button('saveWebArchive') Button('saveWebArchive')
.onClick(() => { .onClick(() => {
let webAsyncController = new WebAsyncController(this.controller); let webAsyncController = new web_webview.WebAsyncController(this.controller);
webAsyncController.storeWebArchive("/data/storage/el2/base/", true, (filename) => { webAsyncController.storeWebArchive("/data/storage/el2/base/", true, (filename) => {
if (filename != null) { if (filename != null) {
console.info(`save web archive success: ${filename}`) console.info(`save web archive success: ${filename}`)
...@@ -4681,7 +4782,7 @@ storeWebArchive(baseName: string, autoName: boolean): Promise<string> ...@@ -4681,7 +4782,7 @@ storeWebArchive(baseName: string, autoName: boolean): Promise<string>
```ts ```ts
// xxx.ets // xxx.ets
import WebAsyncController from '@ohos.web'; import web_webview from '@ohos.web.webview'
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
...@@ -4690,7 +4791,7 @@ storeWebArchive(baseName: string, autoName: boolean): Promise<string> ...@@ -4690,7 +4791,7 @@ storeWebArchive(baseName: string, autoName: boolean): Promise<string>
Column() { Column() {
Button('saveWebArchive') Button('saveWebArchive')
.onClick(() => { .onClick(() => {
let webAsyncController = new WebAsyncController(this.controller); let webAsyncController = new web_webview.WebAsyncController(this.controller);
webAsyncController.storeWebArchive("/data/storage/el2/base/", true) webAsyncController.storeWebArchive("/data/storage/el2/base/", true)
.then(filename => { .then(filename => {
if (filename != null) { if (filename != null) {
...@@ -4732,7 +4833,7 @@ postMessageEvent(message: WebMessageEvent): void ...@@ -4732,7 +4833,7 @@ postMessageEvent(message: WebMessageEvent): void
@Component @Component
struct WebComponent { struct WebComponent {
controller: WebController = new WebController(); controller: WebController = new WebController();
ports: WebMessagePorts[] = null; ports: WebMessagePort[] = null;
build() { build() {
Column() { Column() {
...@@ -4740,7 +4841,7 @@ postMessageEvent(message: WebMessageEvent): void ...@@ -4740,7 +4841,7 @@ postMessageEvent(message: WebMessageEvent): void
.onClick(() => { .onClick(() => {
var msg = new WebMessageEvent(); var msg = new WebMessageEvent();
msg.setData("post message from ets to html5"); msg.setData("post message from ets to html5");
this.port[0].postMessageEvent(msg); this.ports[0].postMessageEvent(msg);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -4767,13 +4868,13 @@ onMessageEvent(callback: (result: string) => void): void ...@@ -4767,13 +4868,13 @@ onMessageEvent(callback: (result: string) => void): void
@Component @Component
struct WebComponent { struct WebComponent {
controller: WebController = new WebController(); controller: WebController = new WebController();
ports: WebMessagePorts[] = null; ports: WebMessagePort[] = null;
build() { build() {
Column() { Column() {
Button('onMessageEvent') Button('onMessageEvent')
.onClick(() => { .onClick(() => {
this.port[0].onMessageEvent((result: string) => { this.ports[0].onMessageEvent((result: string) => {
console.log("received message from html5, on message:" + result); console.log("received message from html5, on message:" + result);
}) })
}) })
...@@ -4839,7 +4940,7 @@ setData(data: string): void ...@@ -4839,7 +4940,7 @@ setData(data: string): void
@Component @Component
struct WebComponent { struct WebComponent {
controller: WebController = new WebController(); controller: WebController = new WebController();
ports: WebMessagePorts[] = null; ports: WebMessagePort[] = null;
build() { build() {
Column() { Column() {
...@@ -4847,7 +4948,7 @@ setData(data: string): void ...@@ -4847,7 +4948,7 @@ setData(data: string): void
.onClick(() => { .onClick(() => {
var msg = new WebMessageEvent(); var msg = new WebMessageEvent();
msg.setData("post message from ets to HTML5"); msg.setData("post message from ets to HTML5");
this.port[0].postMessageEvent(msg); this.ports[0].postMessageEvent(msg);
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
...@@ -4872,7 +4973,7 @@ getPorts(): Array\<WebMessagePort\> ...@@ -4872,7 +4973,7 @@ getPorts(): Array\<WebMessagePort\>
@Entry @Entry
@Component @Component
struct WebComponent { struct WebComponent {
ports: WebMessagePorts[] = null; ports: WebMessagePort[] = null;
build() { build() {
Column() { Column() {
Button('getPorts') Button('getPorts')
...@@ -4907,7 +5008,7 @@ setPorts(ports: Array\<WebMessagePort\>): void ...@@ -4907,7 +5008,7 @@ setPorts(ports: Array\<WebMessagePort\>): void
@Component @Component
struct WebComponent { struct WebComponent {
controller: WebController = new WebController(); controller: WebController = new WebController();
ports: WebMessagePorts[] = null; ports: WebMessagePort[] = null;
build() { build() {
Column() { Column() {
...@@ -4917,7 +5018,7 @@ setPorts(ports: Array\<WebMessagePort\>): void ...@@ -4917,7 +5018,7 @@ setPorts(ports: Array\<WebMessagePort\>): void
var msgEvent = new WebMessageEvent(); var msgEvent = new WebMessageEvent();
msgEvent.setData("__init_ports__"); msgEvent.setData("__init_ports__");
msgEvent.setPorts(sendPortArray); msgEvent.setPorts(sendPortArray);
this.controller.postMessage(msgEvent, uri:"*"); this.controller.postMessage({message: msgEvent, uri: "*"});
}) })
Web({ src: 'www.example.com', controller: this.controller }) Web({ src: 'www.example.com', controller: this.controller })
} }
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或