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应用开发

相关推荐
天蓝色的鱼鱼3 分钟前
Vite 8 换上 Rolldown 后,前端构建真的会快很多吗?
前端·vite
梦曦i11 分钟前
全面解析uni-router v1.2.0功能
前端·uni-app
Yiyaoshujuku22 分钟前
化学谱图数据API接口,数据字段一览!
linux·服务器·前端
雮尘1 小时前
LangGraph 与 LangSmith 入门教程(JS/TS 版)
前端·人工智能·langchain
英勇无比的消炎药1 小时前
新手必看玩转TinyRobot一定要避开这些坑
前端·vue.js
持敬chijing1 小时前
Web渗透之前后端漏洞-文件上传漏洞-过滤绕过与配置文件漏洞-条件竞争漏洞
前端·安全·web安全·网络安全·网络攻击模型·安全威胁分析
尼斯湖皮皮怪1 小时前
iceCoder:验收门控深度分析
前端·agent
周庆猛1 小时前
Babylon.js 多灯场景在 Windows 上报错:VERTEX shader uniform block count exceeds GL_MAX_VE
前端·数据可视化
胡志辉1 小时前
深入浅出理解浏览器事件循环:从一道输出题讲到 Chrome 源码
前端·javascript·面试
槑有老呆1 小时前
用 Bun 写一个 RESTful TodoList,顺便把面向接口编程整明白
前端