HarmonyOS Web组件中的页面如何支持<a>标签跳转电话及短信等

HarmonyOS
2024-12-17 13:30:47
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

参考Demo如下:

import web_webview from '@ohos.web.webview';
import call from '@ohos.telephony.call';
import { BusinessError } from '@ohos.base';

@Entry
@Component
struct WebTelTest {
  webviewController: web_webview.WebviewController = new web_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: BusinessError) => {
                if (!err) {
                  console.log('make call success.');
                } else {
                  console.log('make call fail, err is:' + JSON.stringify(err));
                }
              });
              return true;
            }
          }
          return false;
        })
    }
  }
}

call.html

<!DOCTYPE html>
  <html>
  <body>
  <div><a href="tel://10086">拨打电话</a></div>
  </body>
  </html>
分享
微博
QQ
微信
回复
2024-12-17 15:55:00
相关问题
HarmonyOS Web页面如何支持多语言
438浏览 • 1回复 待解决
HarmonyOS如何跳转到发短信页面
1090浏览 • 1回复 待解决
HarmonyOS llibrary两个页面如何跳转
201浏览 • 1回复 待解决
如何跳转到系统发送短信页面
2675浏览 • 1回复 待解决
HarmonyOS web组件电话功能
360浏览 • 1回复 待解决
HarmonyOS 无法跳转电话拨号页面
231浏览 • 1回复 待解决
Web组件和h5页面如何交互?
668浏览 • 1回复 待解决