#鸿蒙通关秘籍#如何实现Web页面跳转到应用内部页面?

HarmonyOS
5天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
NLP红日初升

可以通过Web组件的 onLoadIntercept() 接口来实现Web页面与应用内页面的跳转。在点击超链接时,根据URL格式判断并决定跳转到哪个页面。以下代码展示了如何从Web页面跳转到应用内部页面ProfilePage.ets

typescript import { webview } from '@kit.ArkWeb'; import { router } from '@kit.ArkUI';

@Entry @Component struct WebComponent { webviewController: webview.WebviewController = new webview.WebviewController();

build() { Column() { Web({ src: $rawfile('route.html'), controller: this.webviewController }) .onLoadIntercept((event) => { if (event) { let url: string = event.data.getRequestUrl(); if (url.indexOf('native://') === 0) { router.pushUrl({ url: url.substring(9) }); return true; } } return false; }) } } }

HTML 文件 route.html 的代码:

html <!DOCTYPE html> <html> <body> <div> <a href="native://pages/ProfilePage">个人中心</a> </div> </body> </html>

分享
微博
QQ
微信
回复
5天前
相关问题
HarmonyOS 如何跳转到应用设置页面
296浏览 • 1回复 待解决
如何跳转到应用市场app下载页面
7611浏览 • 1回复 待解决
如何跳转到WIFI列表页面
340浏览 • 1回复 待解决
如何跳转到设置中的应用详情页面
2186浏览 • 1回复 待解决
如何跳转到系统发送短信页面
2079浏览 • 1回复 待解决
HarmonyOS如何跳转到发短信页面
495浏览 • 1回复 待解决
鸿蒙应用如何跳转到Android应用
4687浏览 • 1回复 待解决
如何跳转到共享包中的指定页面
2142浏览 • 1回复 待解决
如何跳转到共享包中的指定页面
401浏览 • 1回复 待解决
服务卡片如何跳转到指定的页面呢?
6071浏览 • 1回复 待解决