跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 跨境学堂 > ArkTS-WebView内嵌H5页面

ArkTS-WebView内嵌H5页面

时间:2024-04-15 17:05:26 来源:网络cs 作者:亙句 栏目:跨境学堂 阅读:

标签:
阅读本书更多章节>>>>

在这里插入图片描述

鸿蒙开发使用WebView内嵌H5页面

访问在线网页时需添加网络权限:ohos.permission.INTERNET

module.json5文件配置

{    "module" : {        "requestPermissions":[           {             "name": "ohos.permission.INTERNET"           }        ]    }}

踩坑日记

加载网页效果无法在预览器中查看,需要在模拟器或者真机中展示项目

Web组件用法

Web组件的使用非常简单,只需要ArkTS文件中创建一个Web组件,传入两个参数就可以了。其中src指定引用的网页路径,controller为组件的控制器,通过controller绑定Web组件,用于实现对Web组件的控制。

import web_webview from '@ohos.web.webview'@Entry@Componentstruct WebComponent {  controller: web_webview.WebviewController = new web_webview.WebviewController()  build() {    Column() {      Web({ src: 'https://developer.harmonyos.com/', controller: this.controller })    }  }}
阅读本书更多章节>>>>

本文链接:https://www.kjpai.cn/xuetang/2024-04-15/159085.html,文章来源:网络cs,作者:亙句,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论