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

HarmonyOS
5天前
浏览
收藏 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
微信
回复
5天前
相关问题
如何跳转到系统发送短信页面
2079浏览 • 1回复 待解决
如何实现跳转到系统设置
1672浏览 • 1回复 待解决
如何跳转到系统的日历应用
422浏览 • 1回复 待解决
HarmonyOS 如何跳转到应用设置页面
287浏览 • 1回复 待解决
鸿蒙应用如何跳转到Android应用
4687浏览 • 1回复 待解决
如何跳转到应用市场app下载页面
7606浏览 • 1回复 待解决
如何跳转到设置中的应用详情页面
2186浏览 • 1回复 待解决
如何跳转到WIFI列表页面
340浏览 • 1回复 待解决
鸿蒙系统-如何跳转应用信息详情页面
9867浏览 • 2回复 待解决
如何从app跳转到系统相机
5442浏览 • 1回复 已解决