Web组件和h5页面如何交互?

Web组件和h5页面如何交互?

HarmonyOS
2024-11-06 09:01:11
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

​1.ArkWeb 参考 :​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/1_8arkweb_uff08_u65b9_u821fweb_uff09-V5

2.Web组件加载页面 页面加载是Web组件的基本功能。根据页面加载数据来源可以分为三种常用场景,包括加载网络页面、加载本地页面、加载HTML格式的富文本数据。 页面加载过程中,若涉及网络资源获取,需要配置ohos.permission.INTERNET网络访问权限。 参考:​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-page-loading-with-web-components-V5#加载本地页面

3.Web组件调用H5的函数 应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。 参考:​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-in-app-frontend-page-function-invoking-V5

4.H5调用Web组件的函数 开发者使用Web组件将应用侧代码注册到前端页面中,注册完成之后,前端页面中使用注册的对象名称就可以调用应用侧的函数,实现在前端页面中调用应用侧方法。 注册应用侧代码有两种方式,一种在Web组件初始化调用,使用javaScriptProxy()接口。另外一种在Web组件初始化完成后调用,使用registerJavaScriptProxy()接口。 参考:​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-in-page-app-function-invoking-V5

5. H5和Web组件交互使用PostMessage的方式 前端页面和应用侧之间可以用createWebMessagePorts()接口创建消息端口来实现两端的通信。 参考:​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-app-page-data-channel-V5

6.设置UserAgent setCustomUserAgent(userAgent: string): void 设置自定义用户代理,会覆盖系统的用户代理。 参考 :​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5#setcustomuseragent10

分享
微博
QQ
微信
回复
2024-11-06 18:01:32
相关问题
H5页面如何与ArkTS交互
3000浏览 • 1回复 待解决
HarmonyOS web原生H5如何交互
476浏览 • 1回复 待解决
Web中webviewH5交互
1043浏览 • 1回复 待解决
HarmonyOS Web组件加载在线H5页面
195浏览 • 1回复 待解决
HarmonyOS webH5交互
681浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
496浏览 • 0回复 待解决
如何在HarmonyOS中调试h5页面
890浏览 • 1回复 待解决
HarmonyOS H5应用侧数据交互
248浏览 • 1回复 待解决
HarmonyOS web组件加载h5h5拉起摄像头
524浏览 • 1回复 待解决
HarmonyOS webH5两端数据交互
799浏览 • 1回复 待解决
如何使H5页面适配多设备?
697浏览 • 1回复 待解决
HarmonyOS H5页面加载缓存机制
243浏览 • 1回复 待解决