[HarmonyOS][K老师]鸿蒙web组件属性总结:
原创
6659 浏览 146 点赞 0 收藏
一、基础控制
| 属性 | 说明 | 示例/取值 |
|---|---|---|
src | 网页地址 | "网址" |
controller | 网页控制器 | webController: WebviewController |
二、功能开关
| 属性 | 功能说明 |
|---|---|
fileAccess | 启用本地文件访问 (默认false) |
databaseAccess | 启用数据库存储 (默认false) |
domStorageAccess | 启用DOM存储 (默认false) |
imageAccess | 允许加载图片 (默认true) |
javaScriptAccess | 启用JavaScript (默认true) |
zoomAccess | 允许手势缩放 (默认false) |
三、渲染控制
| 属性 | 说明 |
|---|---|
darkMode | 深色模式:ON/OFF/AUTO |
textZoomAtio | 文本缩放比例 (100%=默认) |
userAgent | 自定义UA字符串 |
四、安全控制
| 属性 | 功能说明 |
|---|---|
allowRedirects | 允许重定向 (默认true) |
blockNetwork | 阻断网络请求 (默认false) |
contentAccess | 限制访问内容 (需配置策略文件) |
五、缓存控制
| 属性 | 说明 |
|---|---|
cacheMode | 缓存策略: |
六、事件回调
| 事件属性 | 触发时机 |
|---|---|
onPageBegin | 网页开始加载 |
onPageEnd | 网页加载完成 |
onErrorReceive | 加载失败 (404/网络错误) |
onSslErrorEvent | SSL证书错误 |
onDownloadStart | 触发文件下载 |
七、通信属性
| 属性 | 作用 |
|---|---|
messagePorts | 双向通信端口 (需配合createMessagePort使用) |
关键特性说明:
- 深色模式适配Web({ darkMode: WebDarkMode.AUTO }) // 跟随系统
- 安全拦截示例onSslErrorEvent(event: { handler: Function }) { event.handler.handleConfirm(); // 忽略错误继续加载 // event.handler.handleCancel() 阻断加载 }
- 缓存策略选择Web({ cacheMode: WebCacheMode.UseCacheOnly // 离线缓存模式 })
最佳实践建议:生产环境关闭fileAccess防止安全漏洞使用onSslErrorEvent严格处理证书错误移动端优先启用zoomAccess提升体验敏感页面设置blockNetwork:true阻断外部请求
©本站发布的所有内容,包括但不限于文字、图片、音频、视频、图表、标志、标识、广告、商标、商号、域名、软件、程序等,除特别标明外,均来源于网络或用户投稿,版权归原作者或原出处所有。我们致力于保护原作者版权,若涉及版权问题,请及时联系我们进行处理。
分类
HarmonyOS
标签
HarmonyOS
K老师
鸿蒙Web组件属性
暂无评论数据
发布
相关推荐
以技术破局,以生态赋能|IAM亮相鸿蒙智选峰会,X5Ultra引领智家健康新趋势
云上修代码
2171
0鸿蒙智选720智能空气净化器铂境Pro Max亮相鸿蒙峰会 以硬核科技定义智慧健康新标杆
快乐编译者
1168
0华为全场景亮相AWE 2026:华为鸿蒙智家 智慧全生态重塑未来家
2030
0华为鸿蒙智家技术升级,多款新品亮相AWE2026
老李的控制台
1202
0微信鸿蒙版 App 扫码登录手表端要求公布,手机系统需升级至 HarmonyOS 6.0.0.130 及以上版本
1361
0K老师
大家好我是K老师,这是我的个人介绍:鸿蒙先锋,鸿蒙开发者达人,鸿蒙应用架构师,HDG组织者,可0-1开发纯血鸿蒙应用,可0-1开发前端加鸿蒙混合应用,可0-1开发PC端鸿蒙应用。
118
帖子
0
提问
1412
粉丝
最新发布
[HarmonyOS][K老师]鸿蒙中主线程与子线程通信机制详解,Emitter,Worker,EventHandler和EventRunner。
2026-01-28 11:31:47 发布[HarmonyOS][K老师]鸿蒙大文件上传方案。
2026-01-28 10:30:53 发布热门推荐