Skip to content

D
Docs

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

通知 159
Star 292
Fork 28
D
Docs

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

提交 6edcfc5e 编写于 作者: L laosan_ted
浏览文件
操作

webview docs update 0909 

Signed-off-by: Nlaosan_ted <wangruichang@huawei.com>
上级 aff329ec
隐藏空白更改
内联 并排
Showing with 212 addition and 112 deletion
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
浏览文件 @ 6edcfc5e
......@@ -18,6 +18,10 @@
Web(options: { src: ResourceStr, controller: WebController })
> **说明：**
>
> 不支持转场动画。
**参数：**
| 参数名 | 参数类型 | 必填 | 参数描述 |
......@@ -26,7 +30,7 @@ Web(options: { src: ResourceStr, controller: WebController })
| controller | [WebController](#webcontroller) | 否 | 控制器。 |
**示例：**
加载在线网页
```ts
// xxx.ets
@Entry
......@@ -41,9 +45,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 +604,16 @@ onAlert(callback: (event?: { url: string; message: string; result: JsResult }) =
Web({ src: 'www.example.com', controller: this.controller })
.onAlert((event) => {
AlertDialog.show({
title: 'title',
title: 'onAlert',
message: 'text',
confirm: {
value: 'onAlert',
primaryButton: {
value: 'cancel',
action: () => {
event.result.handleCancel()
}
},
secondaryButton: {
value: 'ok',
action: () => {
event.result.handleConfirm()
}
......@@ -602,7 +633,7 @@ onAlert(callback: (event?: { url: string; message: string; result: JsResult }) =
onBeforeUnload(callback: (event?: { url: string; message: string; result: JsResult }) => boolean)
刷新或关闭场景下，在即将离开当前页面时触发此回调。
刷新或关闭场景下，在即将离开当前页面时触发此回调。刷新当前页面应先通过点击等方式获取焦点，才会触发此回调。
**参数：**
......@@ -633,8 +664,26 @@ onBeforeUnload(callback: (event?: { url: string; message: string; result: JsResu
.onBeforeUnload((event) => {
console.log("event.url:" + event.url);
console.log("event.message:" + event.message);
console.log("event.result:" + event.result);
return false;
AlertDialog.show({
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 +727,16 @@ onConfirm(callback: (event?: { url: string; message: string; result: JsResult })
console.log("event.message:" + event.message);
console.log("event.result:" + event.result);
AlertDialog.show({
title: 'title',
title: 'onConfirm',
message: 'text',
confirm: {
value: 'onConfirm',
primaryButton: {
value: 'cancel',
action: () => {
event.result.handleCancel()
}
},
secondaryButton: {
value: 'ok',
action: () => {
event.result.handleConfirm()
}
......@@ -723,16 +778,36 @@ onPrompt(callback: (event?: { url: string; message: string; value: string; resul
@Component
struct WebComponent {
controller: WebController = new WebController();
build() {
Column() {
Web({ src: 'www.example.com', controller: this.controller })
.onPrompt((event) => {
console.log("url:" + event.url);
console.log("message:" + event.message);
console.log("value:" + event.value);
console.log("result:" + event.result);
return true;
})
.onPrompt((event) => {
console.log("url:" + event.url);
console.log("message:" + event.message);
console.log("value:" + event.value);
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;
})
}
}
}
```
......@@ -1052,7 +1127,7 @@ onRefreshAccessedHistory(callback: (event?: { url: string, isRefreshed: boolean
| 参数名 | 参数类型 | 参数描述 |
| ----------- | ------- | --------------------------------- |
| url | string | 访问的url。 |
| isRefreshed | boolean | true表示该页面是被重新加载的，false表示该页面是新加载的。 |
| isRefreshed | boolean | true表示该页面是被重新加载的（调用[refresh](#refresh)接口），false表示该页面是新加载的。 |
**示例：**
......@@ -1067,7 +1142,7 @@ onRefreshAccessedHistory(callback: (event?: { url: string, isRefreshed: boolean
Column() {
Web({ src: 'www.example.com', controller: this.controller })
.onRefreshAccessedHistory((event) => {
console.log('url:' + event.url + ' isReload:' + event.refreshed);
console.log('url:' + event.url + ' isReload:' + event.isRefreshed);
})
}
}
......@@ -1108,7 +1183,7 @@ onRenderExited(callback: (event?: { renderExitReason: RenderExitReason }) => voi
### onShowFileSelector<sup>9+</sup>
onShowFileSelector(callback: (event?: { result: FileSelectorResult, fileSelector: FileSelectorParam }) => void)
onShowFileSelector(callback: (event?: { result: FileSelectorResult, fileSelector: FileSelectorParam }) => boolean)
调用此函数以处理具有“文件”输入类型的HTML表单，以响应用户按下的“选择文件”按钮。
......@@ -1119,6 +1194,12 @@ onShowFileSelector(callback: (event?: { result: FileSelectorResult, fileSelector
| result | [FileSelectorResult](#fileselectorresult9) | 用于通知Web组件文件选择的结果。 |
| fileSelector | [FileSelectorParam](#fileselectorparam9) | 文件选择器的相关信息。 |
**返回值：**
| 类型 | 说明 |
| ------- | ----------------------------------- |
| boolean | 当返回值为true时，用户可以调用系统提供的弹窗能力。当返回值为false时，触发Web默认弹窗。 |
**示例：**
```ts
......@@ -1197,7 +1278,7 @@ onUrlLoadIntercept(callback: (event?: { data:string | WebResourceRequest }) => b
### onInterceptRequest<sup>9+</sup>
onInterceptRequest9+(callback: (event?: { request: WebResourceRequest}) => WebResourceResponse)
onInterceptRequest(callback: (event?: { request: WebResourceRequest}) => WebResourceResponse)
当Web组件加载url之前触发该回调，用于拦截url并返回响应数据。
......@@ -1284,25 +1365,32 @@ onHttpAuthRequest(callback: (event?: { handler: HttpAuthHandler, host: string, r
```ts
// xxx.ets
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
controller: WebController = new WebController();
httpAuth: boolean = false;
build() {
Column() {
Web({ src: 'www.example.com', controller: this.controller })
.onHttpAuthRequest((event) => {
AlertDialog.show({
title: 'title',
title: 'onHttpAuthRequest',
message: 'text',
confirm: {
value: 'onConfirm',
primaryButton: {
value: 'cancel',
action: () => {
event.handler.cancel();
}
},
secondaryButton: {
value: 'ok',
action: () => {
this.httpAuth = event.handler.isHttpAuthInfoSaved();
if (this.httpAuth == false) {
web.WebDataBase.saveHttpAuthCredentials(
web_webview.WebDataBase.saveHttpAuthCredentials(
event.host,
event.realm,
"2222",
......@@ -1349,14 +1437,20 @@ onPermissionRequest(callback: (event?: { request: PermissionRequest }) => void)
AlertDialog.show({
title: 'title',
message: 'text',
confirm: {
primaryButton: {
value: 'deny',
action: () => {
event.request.deny();
}
},
secondaryButton: {
value: 'onConfirm',
action: () => {
event.request.grant(event.request.getAccessibleResource());
}
},
cancel: () => {
event.request.deny();
event.request.deny();
}
})
})
......@@ -1398,6 +1492,7 @@ onContextMenuShow(callback: (event?: { param: WebContextMenuParam, result: WebCo
.onContextMenuShow((event) => {
console.info("x coord = " + event.param.x());
console.info("link url = " + event.param.getLinkUrl());
return false;
})
}
}
......@@ -2297,13 +2392,16 @@ backOrForward(step: number): void
@Component
struct WebComponent {
controller: WebController = new WebController();
@State step: number = -2;
build() {
Column() {
Button('backOrForward')
.onClick(() => {
this.controller.backOrForward();
})
.onClick(() => {
this.controller.backOrForward(this.step);
})
Web({ src: 'www.example.com', controller: this.controller })
}
}
}
```
......@@ -3038,7 +3136,7 @@ createWebMessagePorts(): Array\<WebMessagePort\>
@Component
struct WebComponent {
controller: WebController = new WebController();
ports: WebMessagePorts[] = null;
ports: WebMessagePort[] = null;
build() {
Column() {
Button('createWebMessagePorts')
......@@ -3073,7 +3171,7 @@ postMessage(options: { message: WebMessageEvent, uri: string}): void
@Component
struct WebComponent {
controller: WebController = new WebController();
ports: WebMessagePorts[] = null;
ports: WebMessagePort[] = null;
build() {
Column() {
Button('postMessage')
......@@ -3082,7 +3180,7 @@ postMessage(options: { message: WebMessageEvent, uri: string}): void
var msgEvent = new WebMessageEvent();
msgEvent.setData("__init_ports__");
msgEvent.setPorts(sendPortArray);
this.controller.postMessage(msgEvent, uri:"*");
this.controller.postMessage({message: msgEvent, uri: "*"});
})
Web({ src: 'www.example.com', controller: this.controller })
}
......@@ -3258,7 +3356,7 @@ getCookie(url: string): string
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3299,7 +3397,7 @@ setCookie(url: string, value: string): boolean
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3309,7 +3407,7 @@ setCookie(url: string, value: string): boolean
Column() {
Button('setCookie')
.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);
})
Web({ src: 'www.example.com', controller: this.controller })
......@@ -3333,7 +3431,7 @@ saveCookieSync(): boolean
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3343,7 +3441,7 @@ saveCookieSync(): boolean
Column() {
Button('saveCookieSync')
.onClick(() => {
let result = webview.WebCookieManager.saveCookieSync();
let result = web_webview.WebCookieManager.saveCookieSync();
console.log("result: " + result);
})
Web({ src: 'www.example.com', controller: this.controller })
......@@ -3367,6 +3465,7 @@ saveCookieAsync(): Promise\<boolean>
```ts
// xxx.ets
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3376,7 +3475,7 @@ saveCookieAsync(): Promise\<boolean>
Column() {
Button('saveCookieAsync')
.onClick(() => {
webview.WebCookieManager.saveCookieAsync()
web_webview.WebCookieManager.saveCookieAsync()
.then (function(result) {
console.log("result: " + result);
})
......@@ -3405,6 +3504,7 @@ saveCookieAsync(callback: AsyncCallback\<boolean>): void
```ts
// xxx.ets
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3414,7 +3514,7 @@ saveCookieAsync(callback: AsyncCallback\<boolean>): void
Column() {
Button('saveCookieAsync')
.onClick(() => {
webview.WebCookieManager.saveCookieAsync(function(result) {
web_webview.WebCookieManager.saveCookieAsync(function(result) {
console.log("result: " + result);
});
})
......@@ -3439,7 +3539,7 @@ isCookieAllowed(): boolean
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3449,7 +3549,7 @@ isCookieAllowed(): boolean
Column() {
Button('isCookieAllowed')
.onClick(() => {
let result = webview.WebCookieManager.isCookieAllowed();
let result = web_webview.WebCookieManager.isCookieAllowed();
console.log("result: " + result);
})
Web({ src: 'www.example.com', controller: this.controller })
......@@ -3473,7 +3573,7 @@ putAcceptCookieEnabled(accept: boolean): void
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3483,7 +3583,7 @@ putAcceptCookieEnabled(accept: boolean): void
Column() {
Button('putAcceptCookieEnabled')
.onClick(() => {
webview.WebCookieManager.putAcceptCookieEnabled(false);
web_webview.WebCookieManager.putAcceptCookieEnabled(false);
})
Web({ src: 'www.example.com', controller: this.controller })
}
......@@ -3506,7 +3606,7 @@ isThirdCookieAllowed(): boolean
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3516,7 +3616,7 @@ isThirdCookieAllowed(): boolean
Column() {
Button('isThirdPartyCookieAllowed')
.onClick(() => {
let result = webview.WebCookieManager.isThirdPartyCookieAllowed();
let result = web_webview.WebCookieManager.isThirdPartyCookieAllowed();
console.log("result: " + result);
})
Web({ src: 'www.example.com', controller: this.controller })
......@@ -3540,7 +3640,7 @@ putAcceptThirdPartyCookieEnabled(accept: boolean): void
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3550,7 +3650,7 @@ putAcceptThirdPartyCookieEnabled(accept: boolean): void
Column() {
Button('putAcceptThirdPartyCookieEnabled')
.onClick(() => {
webview.WebCookieManager.putAcceptThirdPartyCookieEnabled(false);
web_webview.WebCookieManager.putAcceptThirdPartyCookieEnabled(false);
})
Web({ src: 'www.example.com', controller: this.controller })
}
......@@ -3573,7 +3673,7 @@ existCookie(): boolean
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3583,7 +3683,7 @@ existCookie(): boolean
Column() {
Button('existCookie')
.onClick(() => {
let result = webview.WebCookieManager.existCookie();
let result = web_webview.WebCookieManager.existCookie();
console.log("result: " + result);
})
Web({ src: 'www.example.com', controller: this.controller })
......@@ -3601,7 +3701,7 @@ deleteEntireCookie(): void
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3611,7 +3711,7 @@ deleteEntireCookie(): void
Column() {
Button('deleteEntireCookie')
.onClick(() => {
webview.WebCookieManager.deleteEntireCookie();
web_webview.WebCookieManager.deleteEntireCookie();
})
Web({ src: 'www.example.com', controller: this.controller })
}
......@@ -3628,7 +3728,7 @@ deleteSessionCookie(): void
```ts
// xxx.ets
import webview from '@ohos.web.webview'
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3665,7 +3765,7 @@ static existHttpAuthCredentials(): boolean
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3675,7 +3775,7 @@ static existHttpAuthCredentials(): boolean
Column() {
Button('existHttpAuthCredentials')
.onClick(() => {
let result = web.WebDataBase.existHttpAuthCredentials();
let result = web_webview.WebDataBase.existHttpAuthCredentials();
console.log('result: ' + result);
})
Web({ src: 'www.example.com', controller: this.controller })
......@@ -3694,7 +3794,7 @@ static deleteHttpAuthCredentials(): void
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3704,7 +3804,7 @@ static deleteHttpAuthCredentials(): void
Column() {
Button('deleteHttpAuthCredentials')
.onClick(() => {
web.WebDataBase.deleteHttpAuthCredentials();
web_webview.WebDataBase.deleteHttpAuthCredentials();
})
Web({ src: 'www.example.com', controller: this.controller })
}
......@@ -3735,7 +3835,7 @@ static getHttpAuthCredentials(host: string, realm: string): Array\<string\>
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3747,7 +3847,7 @@ static getHttpAuthCredentials(host: string, realm: string): Array\<string\>
Column() {
Button('getHttpAuthCredentials')
.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);
ForEach(this.username_password, (item) => {
console.log('username_password: ' + item);
......@@ -3778,7 +3878,7 @@ static saveHttpAuthCredentials(host: string, realm: string, username: string, pa
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -3789,7 +3889,7 @@ static saveHttpAuthCredentials(host: string, realm: string, username: string, pa
Column() {
Button('saveHttpAuthCredentials')
.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 })
}
......@@ -3817,7 +3917,7 @@ static allowGeolocation(origin: string): void
```ts
// xxx.ets
import webview from '@ohos.web.webview';
import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
......@@ -3827,7 +3927,7 @@ static allowGeolocation(origin: string): void
Column() {
Button('allowGeolocation')
.onClick(() => {
webview.GeolocationPermissions.allowGeolocation(this.origin);
web_webview.GeolocationPermissions.allowGeolocation(this.origin);
})
Web({ src: 'www.example.com', controller: this.controller })
}
......@@ -3851,7 +3951,7 @@ static deleteGeolocation(origin: string): void
```ts
// xxx.ets
import webview from '@ohos.web.webview';
import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
......@@ -3861,7 +3961,7 @@ static deleteGeolocation(origin: string): void
Column() {
Button('deleteGeolocation')
.onClick(() => {
webview.GeolocationPermissions.deleteGeolocation(this.origin);
web_webview.GeolocationPermissions.deleteGeolocation(this.origin);
})
Web({ src: 'www.example.com', controller: this.controller })
}
......@@ -3879,7 +3979,7 @@ static deleteAllGeolocation(): void
```ts
// xxx.ets
import webview from '@ohos.web.webview';
import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
......@@ -3888,7 +3988,7 @@ static deleteAllGeolocation(): void
Column() {
Button('deleteAllGeolocation')
.onClick(() => {
webview.GeolocationPermissions.deleteAllGeolocation();
web_webview.GeolocationPermissions.deleteAllGeolocation();
})
Web({ src: 'www.example.com', controller: this.controller })
}
......@@ -3913,7 +4013,7 @@ static getAccessibleGeolocation(origin: string, callback: AsyncCallback\<boolean
```ts
// xxx.ets
import webview from '@ohos.web.webview';
import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
......@@ -3923,7 +4023,7 @@ static getAccessibleGeolocation(origin: string, callback: AsyncCallback\<boolean
Column() {
Button('getAccessibleGeolocationAsync')
.onClick(() => {
webview.GeolocationPermissions.getAccessibleGeolocation(this.origin, (error, result) => {
web_webview.GeolocationPermissions.getAccessibleGeolocation(this.origin, (error, result) => {
if (error) {
console.log('getAccessibleGeolocationAsync error: ' + JSON.stringify(error));
return;
......@@ -3959,7 +4059,7 @@ static getAccessibleGeolocation(origin: string): Promise\<boolean\>
```ts
// xxx.ets
import webview from '@ohos.web.webview';
import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
......@@ -3969,7 +4069,7 @@ static getAccessibleGeolocation(origin: string): Promise\<boolean\>
Column() {
Button('getAccessibleGeolocationPromise')
.onClick(() => {
webview.GeolocationPermissions.getAccessibleGeolocation(this.origin).then(result => {
web_webview.GeolocationPermissions.getAccessibleGeolocation(this.origin).then(result => {
console.log('getAccessibleGeolocationPromise result: ' + result);
}).catch(error => {
console.log('getAccessibleGeolocationPromise error: ' + JSON.stringify(error));
......@@ -3997,7 +4097,7 @@ static getStoredGeolocation(callback: AsyncCallback\<Array\<string\>\>): void
```ts
// xxx.ets
import webview from '@ohos.web.webview';
import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
......@@ -4006,7 +4106,7 @@ static getStoredGeolocation(callback: AsyncCallback\<Array\<string\>\>): void
Column() {
Button('getStoredGeolocationAsync')
.onClick(() => {
webview.GeolocationPermissions.getStoredGeolocation((error, origins) => {
web_webview.GeolocationPermissions.getStoredGeolocation((error, origins) => {
if (error) {
console.log('getStoredGeolocationAsync error: ' + JSON.stringify(error));
return;
......@@ -4043,7 +4143,7 @@ static getStoredGeolocation(): Promise\<Array\<string\>\>
```ts
// xxx.ets
import webview from '@ohos.web.webview';
import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
......@@ -4052,7 +4152,7 @@ static getStoredGeolocation(): Promise\<Array\<string\>\>
Column() {
Button('getStoredGeolocationPromise')
.onClick(() => {
webview.GeolocationPermissions.getStoredGeolocation().then(origins => {
web_webview.GeolocationPermissions.getStoredGeolocation().then(origins => {
let origins_str: string = origins.join();
console.log('getStoredGeolocationPromise origins: ' + origins_str);
}).catch(error => {
......@@ -4076,7 +4176,7 @@ static deleteAllData(): void
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4085,7 +4185,7 @@ static deleteAllData(): void
Column() {
Button('deleteAllData')
.onClick(() => {
web.WebStorage.deleteAllData();
web_webview.WebStorage.deleteAllData();
})
Web({ src: 'www.example.com', controller: this.controller })
.databaseAccess(true)
......@@ -4109,7 +4209,7 @@ static deleteOrigin(origin : string): void
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4119,7 +4219,7 @@ static deleteOrigin(origin : string): void
Column() {
Button('getHttpAuthCredentials')
.onClick(() => {
web.WebStorage.deleteOrigin(this.origin);
web_webview.WebStorage.deleteOrigin(this.origin);
})
Web({ src: 'www.example.com', controller: this.controller })
.databaseAccess(true)
......@@ -4129,7 +4229,7 @@ static deleteOrigin(origin : string): void
```
### getOrigins<sup>9+</sup>
static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void
static getOrigins(callback: AsyncCallback<Array<WebStorageOrigin>>) : void
以回调方式异步获取当前使用Web SQL数据库的所有源的信息。
......@@ -4143,7 +4243,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4153,7 +4253,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void
Column() {
Button('getOrigins')
.onClick(() => {
web.WebStorage.getOrigins((error, origins) => {
web_webview.WebStorage.getOrigins((error, origins) => {
if (error) {
console.log('error: ' + error);
return;
......@@ -4173,7 +4273,7 @@ static getOrigins(callback: AsyncCallback<Array<[WebStorageOrigin]>>) : void
```
### getOrigins<sup>9+</sup>
static getOrigins() : Promise<Array<[WebStorageOrigin]>>
static getOrigins() : Promise<Array<WebStorageOrigin>>
以Promise方式异步获取当前使用Web SQL数据库的所有源的信息。
......@@ -4187,7 +4287,7 @@ static getOrigins() : Promise<Array<[WebStorageOrigin]>>
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4197,7 +4297,7 @@ static getOrigins() : Promise<Array<[WebStorageOrigin]>>
Column() {
Button('getOrigins')
.onClick(() => {
web.WebStorage.getOrigins()
web_webview.WebStorage.getOrigins()
.then(origins => {
for (let i = 0; i < origins.length; i++) {
console.log('origin: ' + origins[i].origin);
......@@ -4232,7 +4332,7 @@ static getOriginQuota(origin : string, callback : AsyncCallback\<number>) : void
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4242,7 +4342,7 @@ static getOriginQuota(origin : string, callback : AsyncCallback\<number>) : void
Column() {
Button('getOriginQuota')
.onClick(() => {
web.WebStorage.getOriginQuota(this.origin, (error, quota) => {
web_webview.WebStorage.getOriginQuota(this.origin, (error, quota) => {
if (error) {
console.log('error: ' + error);
return;
......@@ -4278,7 +4378,7 @@ static getOriginQuota(origin : string) : Promise\<number>
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4288,7 +4388,7 @@ static getOriginQuota(origin : string) : Promise\<number>
Column() {
Button('getOriginQuota')
.onClick(() => {
web.WebStorage.getOriginQuota(this.origin)
web_webview.WebStorage.getOriginQuota(this.origin)
.then(quota => {
console.log('quota: ' + quota);
})
......@@ -4319,7 +4419,7 @@ static getOriginUsage(origin : string, callback : AsyncCallback\<number>) : void
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4329,12 +4429,12 @@ static getOriginUsage(origin : string, callback : AsyncCallback\<number>) : void
Column() {
Button('getOriginUsage')
.onClick(() => {
web.WebStorage.getOriginUsage(this.origin, (error, usage) => {
web_webview.WebStorage.getOriginUsage(this.origin, (error, usage) => {
if (error) {
console.log('error: ' + error);
return;
}
consloe.log('usage: ' + usage);
console.log('usage: ' + usage);
})
})
Web({ src: 'www.example.com', controller: this.controller })
......@@ -4365,7 +4465,7 @@ static getOriginUsage(origin : string) : Promise\<number>
```ts
// xxx.ets
import web from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4375,7 +4475,7 @@ static getOriginUsage(origin : string) : Promise\<number>
Column() {
Button('getOriginQuota')
.onClick(() => {
web.WebStorage.getOriginUsage(this.origin)
web_webview.WebStorage.getOriginUsage(this.origin)
.then(usage => {
console.log('usage: ' + usage);
})
......@@ -4636,7 +4736,7 @@ storeWebArchive(baseName: string, autoName: boolean, callback: AsyncCallback<str
```ts
// xxx.ets
import WebAsyncController from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4645,7 +4745,7 @@ storeWebArchive(baseName: string, autoName: boolean, callback: AsyncCallback<str
Column() {
Button('saveWebArchive')
.onClick(() => {
let webAsyncController = new WebAsyncController(this.controller);
let webAsyncController = new web_webview.WebAsyncController(this.controller);
webAsyncController.storeWebArchive("/data/storage/el2/base/", true, (filename) => {
if (filename != null) {
console.info(`save web archive success: ${filename}`)
......@@ -4681,7 +4781,7 @@ storeWebArchive(baseName: string, autoName: boolean): Promise<string>
```ts
// xxx.ets
import WebAsyncController from '@ohos.web';
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent {
......@@ -4690,7 +4790,7 @@ storeWebArchive(baseName: string, autoName: boolean): Promise<string>
Column() {
Button('saveWebArchive')
.onClick(() => {
let webAsyncController = new WebAsyncController(this.controller);
let webAsyncController = new web_webview.WebAsyncController(this.controller);
webAsyncController.storeWebArchive("/data/storage/el2/base/", true)
.then(filename => {
if (filename != null) {
......@@ -4732,7 +4832,7 @@ postMessageEvent(message: WebMessageEvent): void
@Component
struct WebComponent {
controller: WebController = new WebController();
ports: WebMessagePorts[] = null;
ports: WebMessagePort[] = null;
build() {
Column() {
......@@ -4740,7 +4840,7 @@ postMessageEvent(message: WebMessageEvent): void
.onClick(() => {
var msg = new WebMessageEvent();
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 })
}
......@@ -4767,13 +4867,13 @@ onMessageEvent(callback: (result: string) => void): void
@Component
struct WebComponent {
controller: WebController = new WebController();
ports: WebMessagePorts[] = null;
ports: WebMessagePort[] = null;
build() {
Column() {
Button('onMessageEvent')
.onClick(() => {
this.port[0].onMessageEvent((result: string) => {
this.ports[0].onMessageEvent((result: string) => {
console.log("received message from html5, on message:" + result);
})
})
......@@ -4839,7 +4939,7 @@ setData(data: string): void
@Component
struct WebComponent {
controller: WebController = new WebController();
ports: WebMessagePorts[] = null;
ports: WebMessagePort[] = null;
build() {
Column() {
......@@ -4847,7 +4947,7 @@ setData(data: string): void
.onClick(() => {
var msg = new WebMessageEvent();
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 })
}
......@@ -4872,7 +4972,7 @@ getPorts(): Array\<WebMessagePort\>
@Entry
@Component
struct WebComponent {
ports: WebMessagePorts[] = null;
ports: WebMessagePort[] = null;
build() {
Column() {
Button('getPorts')
......@@ -4907,8 +5007,8 @@ setPorts(ports: Array\<WebMessagePort\>): void
@Component
struct WebComponent {
controller: WebController = new WebController();
ports: WebMessagePorts[] = null;
ports: WebMessagePort[] = null;
build() {
Column() {
Button('setPorts')
......@@ -4917,7 +5017,7 @@ setPorts(ports: Array\<WebMessagePort\>): void
var msgEvent = new WebMessageEvent();
msgEvent.setData("__init_ports__");
msgEvent.setPorts(sendPortArray);
this.controller.postMessage(msgEvent, uri:"*");
this.controller.postMessage({message: msgEvent, uri: "*"});
})
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.
先完成此消息的编辑！
想要评论请 注册 或