相关问题
#鸿蒙通关秘籍#如何在HarmonyOS应用中加载本地图片?
627浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在EmbeddedUIExtensionAbility中加载内容?
678浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS应用中加载网络图片?
686浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙HarmonyOS中加载网络视频?
863浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中加速Web页面访问?
505浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中加载不同格式的图片?
738浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中通过动态加载避免页面冗余加载?
1074浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中创建视频组件并加载本地视频?
1030浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在主线程中加载系统模块并调用其函数?
740浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中显示本地存档图片?
821浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙HarmonyOS中创建并加载本地视频组件?
941浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在加载页面之前预获取POST请求?
960浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙开发中应用动态导入实现异步加载?
1008浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙开发中提升应用列表的懒加载性能?
958浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何动态处理鸿蒙应用中页面路径变更及数据加载?
1085浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS上离线注入资源以优化页面加载?
826浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用鸿蒙Web组件加载网络页面
880浏览 • 1回复 待解决
HarmonyOS webview加载本地html问题
1877浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中共用逻辑实现多个页面返回按钮?
863浏览 • 1回复 待解决
HarmonyOS 如何加载本地沙盒中的html
1148浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中获取应用对象?
1149浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何动态创建和控制Web组件以加载HTML数据
879浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用本地存储?
1248浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用鸿蒙Tabs组件实现动态页面加载?
887浏览 • 2回复 待解决
#鸿蒙通关秘籍#如何在前端页面调用应用侧的函数?
793浏览 • 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>