未验证 提交 ad5b118a 编写于 作者: O openharmony_ci 提交者: Gitee

!2690 [web]add webcontroller description

Merge pull request !2690 from LiWenzhen/webcontroller
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| ---------- | ------------------------------- | ---- | ------ | -------------- | | ---------- | ------------------------------- | ---- | ------ | -------------- |
| src | string | 是 | - | 网页资源地址。 | | src | string | 是 | - | 网页资源地址。 |
| controller | [WebController](#WebController) | 否 | - | 控制器。 | | controller | [WebController](#webcontroller) | 否 | - | 控制器。 |
> ![icon-note.gif](public_sys-resources/icon-note.gif)**说明:** > ![icon-note.gif](public_sys-resources/icon-note.gif)**说明:**
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
| imageAccess | boolean | true | 设置是否允许自动加载图片资源,默认允许。 | | imageAccess | boolean | true | 设置是否允许自动加载图片资源,默认允许。 |
| javaScriptProxy | { <br> object: object, <br/> name: string, <br/> methodList: Array\<string\>, <br/> controller: WebController <br>} | - | 注入JavaScript对象到window对象中,并在window对象中调用该对象的方法。所有参数不支持更新。 <br/> object: 参与注册的对象。只能声明方法,不能声明属性 。其中方法的参数和返回类型只能为string,number,boolean。<br/> name: 注册对象的名称,与window中调用的对象名一致。注册后window对象可以通过此名字访问应用侧JavaScript对象。<br/> methodList: 参与注册的应用侧JavaScript对象的方法。<br/> controller: 控制器。 | | javaScriptProxy | { <br> object: object, <br/> name: string, <br/> methodList: Array\<string\>, <br/> controller: WebController <br>} | - | 注入JavaScript对象到window对象中,并在window对象中调用该对象的方法。所有参数不支持更新。 <br/> object: 参与注册的对象。只能声明方法,不能声明属性 。其中方法的参数和返回类型只能为string,number,boolean。<br/> name: 注册对象的名称,与window中调用的对象名一致。注册后window对象可以通过此名字访问应用侧JavaScript对象。<br/> methodList: 参与注册的应用侧JavaScript对象的方法。<br/> controller: 控制器。 |
| javaScriptAccess | boolean | true | 设置是否允许执行JavaScript脚本,默认允许执行。 | | javaScriptAccess | boolean | true | 设置是否允许执行JavaScript脚本,默认允许执行。 |
| mixedMode | [MixedMode](#MixedMode) | MixedMode.None | 设置是否允许加载超文本传输协议(HTTP)和超文本传输安全协议(HTTPS)混合内容,默认不允许加载HTTP和HTTPS混合内容。 | | mixedMode | MixedMode | MixedMode.None | 设置是否允许加载超文本传输协议(HTTP)和超文本传输安全协议(HTTPS)混合内容,默认不允许加载HTTP和HTTPS混合内容。 |
| onlineImageAccess | boolean | true | 设置是否允许从网络加载图片资源(通过HTTP和HTTPS访问的资源),默认允许访问。 | | onlineImageAccess | boolean | true | 设置是否允许从网络加载图片资源(通过HTTP和HTTPS访问的资源),默认允许访问。 |
| zoomAccess | boolean | true | 设置是否支持手势进行缩放,默认允许执行缩放。 | | zoomAccess | boolean | true | 设置是否支持手势进行缩放,默认允许执行缩放。 |
...@@ -59,13 +59,13 @@ ...@@ -59,13 +59,13 @@
| 名称 | 功能描述 | | 名称 | 功能描述 |
| ------------------------------------------------------------ | ------------------------------------------------------------ | | ------------------------------------------------------------ | ------------------------------------------------------------ |
| onAlert(callback: (event?: { url: string; message: string; result: [JsResult](#JsResult对象说明) }) => boolean) | <p>网页触发alert()告警弹窗时触发回调。<br />当回调返回false时,触发默认弹窗。当回调返回true时,系统应用可以调用系统弹窗能力(只有确认场景),并且根据用户的确认操作调用JsResult通知web组件。<br />url:当前显示弹窗所在网页的URL。<br />message:弹窗中显示的信息。<br />JsResult:通知web组件用户操作行为。</p> | | onAlert(callback: (event?: { url: string; message: string; result: [JsResult](#jsresult对象说明) }) => boolean) | <p>网页触发alert()告警弹窗时触发回调。<br />当回调返回false时,触发默认弹窗。当回调返回true时,系统应用可以调用系统弹窗能力(只有确认场景),并且根据用户的确认操作调用JsResult通知Web组件。<br />url:当前显示弹窗所在网页的URL。<br />message:弹窗中显示的信息。<br />JsResult:通知Web组件用户操作行为。</p> |
| onBeforeUnload(callback: (event?: { url: string; message: string; result: [JsResult](#JsResult对象说明) }) => boolean) | <p>刷新或关闭场景下,在即将离开当前页面时触发此回调。<br />当回调返回false时,触发默认弹窗。当回调返回true时,系统应用可以调用系统弹窗能力(包括确认和取消),并且需要根据用户的确认或取消操作调用JsResult通知web组件最终是否离开当前页面。<br />url:当前显示弹窗所在网页的URL。<br />message:弹窗中显示的信息。<br />JsResult:通知web组件用户操作行为。</p> | | onBeforeUnload(callback: (event?: { url: string; message: string; result: [JsResult](#jsresult对象说明) }) => boolean) | <p>刷新或关闭场景下,在即将离开当前页面时触发此回调。<br />当回调返回false时,触发默认弹窗。当回调返回true时,系统应用可以调用系统弹窗能力(包括确认和取消),并且需要根据用户的确认或取消操作调用JsResult通知Web组件最终是否离开当前页面。<br />url:当前显示弹窗所在网页的URL。<br />message:弹窗中显示的信息。<br />JsResult:通知Web组件用户操作行为。</p> |
| onConfirm(callback: (event?: { url: string; message: string; result: [JsResult](#JsResult对象说明) }) => boolean) | <p>网页调用confirm()告警时触发此回调。<br />当回调返回false时,触发默认弹窗。当回调返回true时,系统应用可以调用系统弹窗能力(包括确认和取消),并且需要根据用户的确认或取消操作调用JsResult通知web组件。<br />url:当前显示弹窗所在网页的URL。<br />message:弹窗中显示的信息。<br />JsResult:通知web组件用户操作行为。</p> | | onConfirm(callback: (event?: { url: string; message: string; result: [JsResult](#jsresult对象说明) }) => boolean) | <p>网页调用confirm()告警时触发此回调。<br />当回调返回false时,触发默认弹窗。当回调返回true时,系统应用可以调用系统弹窗能力(包括确认和取消),并且需要根据用户的确认或取消操作调用JsResult通知Web组件。<br />url:当前显示弹窗所在网页的URL。<br />message:弹窗中显示的信息。<br />JsResult:通知Web组件用户操作行为。</p> |
| onConsole(callback: (event?: { message: [ConsoleMessage](#ConsoleMessage对象说明) }) => boolean) | <p>通知宿主应用JavaScript console消息。<br/>message:触发的控制台信息。</p> | | onConsole(callback: (event?: { message: [ConsoleMessage](#consolemessage对象说明) }) => boolean) | <p>通知宿主应用JavaScript console消息。<br/>message:触发的控制台信息。</p> |
| onDownloadStart(callback: (event?: { url: string, userAgent: string, contentDisposition: string, mimetype: string, contentLength: number }) => void) | <p>网页的下载任务开始时触发该回调。<br />url:文件下载的URL。<br />userAgent:下载的用户代理(UA)名称。<br />contentDisposition:服务器返回的 Content-Disposition响应头,可能为空。<br />mimetype:服务器返回内容媒体类型(MIME)信息。<br />contentLength:服务器返回文件的长度。</p> | | onDownloadStart(callback: (event?: { url: string, userAgent: string, contentDisposition: string, mimetype: string, contentLength: number }) => void) | <p>网页的下载任务开始时触发该回调。<br />url:文件下载的URL。<br />userAgent:下载的用户代理(UA)名称。<br />contentDisposition:服务器返回的 Content-Disposition响应头,可能为空。<br />mimetype:服务器返回内容媒体类型(MIME)信息。<br />contentLength:服务器返回文件的长度。</p> |
| onErrorReceive(callback: (event?: { request: [WebResourceRequest](#WebResourceError对象说明), error: [WebResourceError](#WebResourceError对象说明) }) => void) | <p>网页加载遇到错误时触发该回调。<br/>出于性能考虑,建议此回调中尽量执行简单逻辑。<br/>request:网页请求的封装信息。<br/>error:网页加载资源错误的封装信息 。</p> | | onErrorReceive(callback: (event?: { request: [WebResourceRequest](#webresourceerror对象说明), error: [WebResourceError](#webresourceerror对象说明) }) => void) | <p>网页加载遇到错误时触发该回调。<br/>出于性能考虑,建议此回调中尽量执行简单逻辑。<br/>request:网页请求的封装信息。<br/>error:网页加载资源错误的封装信息 。</p> |
| onHttpErrorReceive(callback: (event?: { request: [WebResourceRequest](#WebResourceError对象说明), response: [WebResourceResponse](#WebResourceResponse对象说明) }) => void) | <p>网页加载资源遇到的HTTP错误(响应码>=400)时触发该回调。<br/>request:网页请求的封装信息。<br/>response:网页响应的封装信息</p> | | onHttpErrorReceive(callback: (event?: { request: [WebResourceRequest](#webresourceerror对象说明), response: [WebResourceResponse](#webresourceresponse对象说明) }) => void) | <p>网页加载资源遇到的HTTP错误(响应码>=400)时触发该回调。<br/>request:网页请求的封装信息。<br/>response:网页响应的封装信息</p> |
| onPageBegin(callback: (event?: { url: string }) => void) | <p>网页开始加载时触发该回调,且只在主frame触发,iframe或者frameset的内容加载时不会触发此回调。<br/>url:页面的URL地址。</p> | | onPageBegin(callback: (event?: { url: string }) => void) | <p>网页开始加载时触发该回调,且只在主frame触发,iframe或者frameset的内容加载时不会触发此回调。<br/>url:页面的URL地址。</p> |
| onPageEnd(callback: (event?: { url: string }) => void) | <p>网页加载完成时触发该回调,且只在主frame触发。<br/>url:页面的URL地址。</p> | | onPageEnd(callback: (event?: { url: string }) => void) | <p>网页加载完成时触发该回调,且只在主frame触发。<br/>url:页面的URL地址。</p> |
| onProgressChange(callback: (event?: { newProgress: number }) => void) | <p>网页加载进度变化时触发该回调。<br/>newProgress:新的加载进度,取值范围为0到100的整数。</p> | | onProgressChange(callback: (event?: { newProgress: number }) => void) | <p>网页加载进度变化时触发该回调。<br/>newProgress:新的加载进度,取值范围为0到100的整数。</p> |
...@@ -100,8 +100,8 @@ Web组件返回的弹窗确认或弹窗取消功能对象。 ...@@ -100,8 +100,8 @@ Web组件返回的弹窗确认或弹窗取消功能对象。
| 接口名称 | 功能描述 | | 接口名称 | 功能描述 |
| --------------------- | ------------------------------------ | | --------------------- | ------------------------------------ |
| handleCancel(): void | <p>通知web组件用户取消弹窗操作。</p> | | handleCancel(): void | <p>通知Web组件用户取消弹窗操作。</p> |
| handleConfirm(): void | <p>通知web组件用户确认弹窗操作。</p> | | handleConfirm(): void | <p>通知Web组件用户确认弹窗操作。</p> |
### WebResourceError对象说明 ### WebResourceError对象说明
...@@ -118,7 +118,7 @@ Web组件返回的弹窗确认或弹窗取消功能对象。 ...@@ -118,7 +118,7 @@ Web组件返回的弹窗确认或弹窗取消功能对象。
| 接口名称 | 功能描述 | | 接口名称 | 功能描述 |
| ------------------------------------------------------ | ---------------------------------------- | | ------------------------------------------------------ | ---------------------------------------- |
| getRequestHeader(): Array\<[Header](#Header对象说明)\> | 获取资源请求头信息。 | | getRequestHeader(): Array\<[Header](#header对象说明)\> | 获取资源请求头信息。 |
| getRequestUrl(): string | 获取资源请求的URL信息。 | | getRequestUrl(): string | 获取资源请求的URL信息。 |
| isMainFrame(): boolean | 判断资源请求是否为主frame。 | | isMainFrame(): boolean | 判断资源请求是否为主frame。 |
| isRedirect(): boolean | 判断资源请求是否被服务端重定向。 | | isRedirect(): boolean | 判断资源请求是否被服务端重定向。 |
...@@ -146,12 +146,12 @@ Web组件返回的请求/响应头对象。 ...@@ -146,12 +146,12 @@ Web组件返回的请求/响应头对象。
| getResponseCode(): number | 获取资源响应的状态码。 | | getResponseCode(): number | 获取资源响应的状态码。 |
| getResponseData(): string | 获取资源响应数据。 | | getResponseData(): string | 获取资源响应数据。 |
| getResponseEncoding(): string | 获取资源响应的编码。 | | getResponseEncoding(): string | 获取资源响应的编码。 |
| getResponseHeader(): Array\<[Header](#Header对象说明)\> | 获取资源响应头。 | | getResponseHeader(): Array\<[Header](#header对象说明)\> | 获取资源响应头。 |
| getResponseMimeType(): string | 获取资源响应的媒体(MIME)类型。 | | getResponseMimeType(): string | 获取资源响应的媒体(MIME)类型。 |
## WebController ## WebController
通过webController可以控制web组件各种行为,或获取web组件的配置信息 通过WebController可以控制Web组件各种行为。一个WebController对象只能控制一个Web组件,且必须在Web组件和WebController绑定后,才能调用WebController上的方法
### 创建对象 ### 创建对象
...@@ -238,9 +238,9 @@ loadData(options: { data: string, mimeType: string, encoding: string, baseUrl?: ...@@ -238,9 +238,9 @@ loadData(options: { data: string, mimeType: string, encoding: string, baseUrl?:
baseUrl为空时,通过”data“协议加载指定的一段字符串。 baseUrl为空时,通过”data“协议加载指定的一段字符串。
当baseUrl为”data“协议时,编码后的data字符串将被web组件作为”data"协议加载。 当baseUrl为”data“协议时,编码后的data字符串将被Web组件作为”data"协议加载。
当baseUrl为“http/https"协议时,编码后的data字符串将被web组件以类似loadUrl的方式以非编码字符串处理。 当baseUrl为“http/https"协议时,编码后的data字符串将被Web组件以类似loadUrl的方式以非编码字符串处理。
- options参数说明 - options参数说明
...@@ -249,7 +249,7 @@ baseUrl为空时,通过”data“协议加载指定的一段字符串。 ...@@ -249,7 +249,7 @@ baseUrl为空时,通过”data“协议加载指定的一段字符串。
| data | string | 是 | - | 按照”Base64“或者”URL"编码后的一段字符串。 | | data | string | 是 | - | 按照”Base64“或者”URL"编码后的一段字符串。 |
| mimeType | string | 是 | - | 媒体类型(MIME)。 | | mimeType | string | 是 | - | 媒体类型(MIME)。 |
| encoding | string | 是 | - | 编码类型,具体为“Base64"或者”URL编码。 | | encoding | string | 是 | - | 编码类型,具体为“Base64"或者”URL编码。 |
| baseUrl | string | 否 | - | 指定的一个URL路径(“http”/“https”/"data"协议),并由web组件赋值给window.origin。 | | baseUrl | string | 否 | - | 指定的一个URL路径(“http”/“https”/"data"协议),并由Web组件赋值给window.origin。 |
| historyUrl | string | 否 | - | 历史记录URL。非空时,可被历史记录管理,实现前后后退功能。当baseUrl为空时,此属性无效。 | | historyUrl | string | 否 | - | 历史记录URL。非空时,可被历史记录管理,实现前后后退功能。当baseUrl为空时,此属性无效。 |
### loadUrl ### loadUrl
...@@ -267,25 +267,25 @@ loadUrl(options:{ url: string, headers?: Array\<Header\> }): void ...@@ -267,25 +267,25 @@ loadUrl(options:{ url: string, headers?: Array\<Header\> }): void
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| ------- | ------------------------------------- | ---- | ------ | --------------------- | | ------- | ------------------------------------- | ---- | ------ | --------------------- |
| url | string | 是 | - | 需要加载的 URL。 | | url | string | 是 | - | 需要加载的 URL。 |
| headers | Array\<[Header](#Header对象说明)\> | 否 | [] | URL的附加HTTP请求头。 | | headers | Array\<[Header](#header对象说明)\> | 否 | [] | URL的附加HTTP请求头。 |
### onActive ### onActive
onActive(): void onActive(): void
调用此接口通知web组件进入前台激活状态。 调用此接口通知Web组件进入前台激活状态。
### onInactive ### onInactive
onInactive(): void onInactive(): void
调用此接口通知web组件进入未激活状态。 调用此接口通知Web组件进入未激活状态。
### refresh ### refresh
refresh(): void refresh(): void
调用此接口通知web组件刷新网页。 调用此接口通知Web组件刷新网页。
### registerJavaScriptProxy ### registerJavaScriptProxy
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册