相关问题
#鸿蒙通关秘籍#如何在HarmonyOS应用中加载本地图片?
811浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在EmbeddedUIExtensionAbility中加载内容?
864浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS应用中加载网络图片?
810浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙HarmonyOS中加载网络视频?
1158浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中加速Web页面访问?
682浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中加载不同格式的图片?
1047浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中通过动态加载避免页面冗余加载?
1306浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中创建视频组件并加载本地视频?
1203浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在主线程中加载系统模块并调用其函数?
946浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中显示本地存档图片?
1014浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙HarmonyOS中创建并加载本地视频组件?
1154浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在加载页面之前预获取POST请求?
1118浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙开发中应用动态导入实现异步加载?
1238浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙开发中提升应用列表的懒加载性能?
1286浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何动态处理鸿蒙应用中页面路径变更及数据加载?
1234浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用鸿蒙Web组件加载网络页面
1139浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS上离线注入资源以优化页面加载?
996浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中共用逻辑实现多个页面返回按钮?
1030浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中获取应用对象?
1382浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙的模态页面中实现页面切换?
1308浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何动态创建和控制Web组件以加载HTML数据
1177浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用鸿蒙Tabs组件实现动态页面加载?
1110浏览 • 2回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用本地存储?
1484浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙页面中实现线性布局?
1159浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在前端页面调用应用侧的函数?
962浏览 • 1回复 待解决
鸿蒙Web组件也可以加载本地HTML文件。首先,将文件放置在
resources/rawfile
目录,然后通过$rawfile
路径加载。同样也可以使用loadUrl()
方法来实现页面转换:ets import { webview } from '@kit.ArkWeb'; import { BusinessError } from '@kit.BasicServicesKit';
@Entry @Component struct WebComponent { controller: webview.WebviewController = new webview.WebviewController();
build() { Column() { Button('loadUrl') .onClick(() => { try { this.controller.loadUrl($rawfile("local1.html")); } catch (error) { console.error(
ErrorCode: ${(error as BusinessError).code}, Message: ${(error as BusinessError).message}
); } }) Web({ src: $rawfile("local.html"), controller: this.controller }) } } }local.html: html <!DOCTYPE html> <html> <body> <p>Hello World</p> </body> </html>
local1.html: html <!DOCTYPE html> <html> <body> <p>This is local1 page</p> </body> </html>