当前位置: 首页 > news >正文

#HarmonyOS:Web组件的使用

Web组件的使用

https://developer.harmonyos.com/cn/docs/documentation/doc-references/ts-basic-components-web-0000001333720957

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

Web(options: { src: ResourceStr, controller: WebController })

加载在线网页

// xxx.ets
@Entry
@Component
struct WebComponent {controller: WebController = new WebController();build() {Column() {Web({ src: 'https://developer.harmonyos.com/', controller: this.controller })}}

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

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

加载本地网页

前面实现了Web组件加载在线网页,Web组件同样也可以加载本地网页。首先在main/resources/rawfile目录下创建一个HTML文件,然后通过$rawfile引用本地网页资源,示例代码如下:

// xxx.ets
@Entry
@Component
struct SecondPage {controller: WebController = new WebController();build() {Column() {Web({ src: $rawfile('index.html'), controller: this.controller })}}
}

相关文章:

  • 【深度学习目标检测】十一、基于深度学习的电网绝缘子缺陷识别(python,目标检测,yolov8)
  • Python 中的 DataFrame 对象该怎么理解?
  • 引用jquery.js的html5基础页面模板
  • PPT中加入页码
  • 视频监控EasyCVR如何通过设置sei接口,实现在webrtc视频流中添加画框和文字?
  • uniapp创建/运行/发布项目
  • 虚拟机上如何使用主机上的网卡连接设备
  • js显示前七天的日期,前几天依次类推
  • React 路由传参
  • 企业微信服务商代开发模式获取授权企业的客户信息
  • 前端---表单标签
  • 小白的实验室服务器深度学习环境配置指南
  • SpringBoot整合JWT+Spring Security+Redis实现登录拦截(二)权限认证
  • WAVE SUMMIT+ 2023倒计时2天,传文心一言将曝最新进展!
  • redis基本用法学习(C#调用FreeRedis操作redis)
  • 网络传输文件的问题
  • 【vuex入门系列02】mutation接收单个参数和多个参数
  • 10个最佳ES6特性 ES7与ES8的特性
  • CSS盒模型深入
  • JavaScript新鲜事·第5期
  • laravel with 查询列表限制条数
  • mysql 5.6 原生Online DDL解析
  • Swift 中的尾递归和蹦床
  • 持续集成与持续部署宝典Part 2:创建持续集成流水线
  • 从伪并行的 Python 多线程说起
  • 从重复到重用
  • 后端_ThinkPHP5
  • 力扣(LeetCode)56
  • 你真的知道 == 和 equals 的区别吗?
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 要让cordova项目适配iphoneX + ios11.4,总共要几步?三步
  • 一起来学SpringBoot | 第三篇:SpringBoot日志配置
  • 用 vue 组件自定义 v-model, 实现一个 Tab 组件。
  • mysql面试题分组并合并列
  • TPG领衔财团投资轻奢珠宝品牌APM Monaco
  • 好程序员大数据教程Hadoop全分布安装(非HA)
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • ​ArcGIS Pro 如何批量删除字段
  • ​插件化DPI在商用WIFI中的价值
  • #Linux(帮助手册)
  • #pragma data_seg 共享数据区(转)
  • #单片机(TB6600驱动42步进电机)
  • #微信小程序:微信小程序常见的配置传值
  • (C#)if (this == null)?你在逗我,this 怎么可能为 null!用 IL 编译和反编译看穿一切
  • (function(){})()的分步解析
  • (js)循环条件满足时终止循环
  • (Redis使用系列) Springboot 实现Redis 同数据源动态切换db 八
  • (草履虫都可以看懂的)PyQt子窗口向主窗口传递参数,主窗口接收子窗口信号、参数。
  • (附源码)ssm基于jsp高校选课系统 毕业设计 291627
  • (解决办法)ASP.NET导出Excel,打开时提示“您尝试打开文件'XXX.xls'的格式与文件扩展名指定文件不一致
  • (欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明
  • (五)IO流之ByteArrayInput/OutputStream
  • (详细版)Vary: Scaling up the Vision Vocabulary for Large Vision-Language Models
  • (转)IIS6 ASP 0251超过响应缓冲区限制错误的解决方法