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

HarmonyOS
2024-12-13 12:30:56
645浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
API晨星微光

鸿蒙系统允许通过Web组件实现从Web页面跳转到其他应用。在如下代码中,在 call.html 页面中点击电话链接,将跳转到系统的拨号界面。onLoadIntercept() 接口用于拦截并判断链接,从而实现跳转。

typescript import { webview } from '@kit.ArkWeb'; import { call } from '@kit.TelephonyKit';

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

build() { Column() { Web({ src: $rawfile('call.html'), controller: this.webviewController }) .onLoadIntercept((event) => { if (event) { let url: string = event.data.getRequestUrl(); if (url.indexOf('tel://') === 0) { call.makeCall(url.substring(6), (err) => { if (!err) { console.info('make call succeeded.'); } else { console.info('make call fail, err is:' + JSON.stringify(err)); } }); return true; } } return false; }) } } }

call.html 中的代码:

html <!DOCTYPE html> <html> <body> <div> <a href="tel://xxx xxxx xxx">拨打电话</a> </div> </body> </html>

分享
微博
QQ
微信
回复
2024-12-13 13:00:00


相关问题
如何实现跳转到系统设置
2321浏览 • 1回复 待解决
如何跳转到系统发送短信页面
2714浏览 • 1回复 待解决
HarmonyOS 怎么跳转到系统页面
572浏览 • 1回复 待解决
HarmonyOS 如何跳转到应用设置页面
789浏览 • 1回复 待解决
如何跳转到系统的日历应用
930浏览 • 1回复 待解决
鸿蒙应用如何跳转到Android应用
5198浏览 • 1回复 待解决
HarmonyOS 跳转到系统设置页面的方法
653浏览 • 1回复 待解决
如何跳转到应用市场app下载页面
8258浏览 • 1回复 待解决