ArkTS-WebView内嵌H5页面

鸿蒙开发使用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
@Component
struct WebComponent {controller: web_webview.WebviewController = new web_webview.WebviewController()build() {Column() {Web({ src: 'https://developer.harmonyos.com/', controller: this.controller })}}
}