Arkts web组件的使用

访问在线网页时您需要在module.json5文件中申明网络访问权限:ohos.permission.INTERNET。

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

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

TypeScript 复制代码
// 使用web组件加载网页
import webview from '@ohos.web.webview'
@Entry
@Component
struct WebComp {
  controll:WebviewController = new webview.WebviewController()
  build() {
    Row() {
      Column() {
        Web({
          src:'https://www.bilibili.com/video/BV16X4y1g7wT/?spm_id_from=333.934.0.0',
          controller:this.controll
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}

详细使用见官网

Web-ArkTS API参考-HarmonyOS应用开发

相关推荐
午安~婉5 小时前
Git中SSH连接
前端·git·gitee
盏灯5 小时前
mac 外接磁盘,热更新失效
前端·后端
那些年丶ny5 小时前
颜色扩展库
前端·javascript·数据可视化
ihuyigui5 小时前
海外签收通知短信接口
android·java·开发语言·前端·数据库·后端
YWL5 小时前
OpenLayers + Vue 2 使用指南(01)
前端·javascript·vue.js
暖和_白开水6 小时前
数据分析agent (七):contextvars 模块上下文request_id
java·前端·数据分析
程序员黑豆6 小时前
鸿蒙应用开发:Flex 组件从入门到实战
前端·华为·harmonyos
大爱编程♡6 小时前
Vue3+TypeScript+element-plus的文章管理项目(配后端接口)-退出及文章管理页面
前端·javascript·typescript
先吃饱再说6 小时前
React 组件设计:从 Props 传递到组件封装
前端·react.js
独立开阀者_FwtCoder6 小时前
最近做了一个健身小程序:智形健身助手,健身的佬们来提点意见
前端·javascript·github