#鸿蒙通关秘籍#如何在鸿蒙应用中加载本地HTML页面

HarmonyOS
5天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
墨韵流香RAM

鸿蒙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>

分享
微博
QQ
微信
回复
5天前
相关问题
HarmonyOS 如何加载本地沙盒中的html
29浏览 • 1回复 待解决
HarmonyOS webview加载本地html问题
423浏览 • 1回复 待解决
鸿蒙是否支持加载HTML
12748浏览 • 3回复 待解决