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

HarmonyOS

put_get

2024-12-17 13:30:47

839浏览

回答 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;
        })
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.

call.html

<!DOCTYPE html>
  <html>
  <body>
  <div><a href="tel://10086">拨打电话</a></div>
  </body>
  </html>
1.
2.
3.
4.
5.
6.

2024-12-17 15:55:00

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS H5内a标签无法跳转到“电话”和“短信”

724浏览 • 1回复待解决

webview a标签跳转电话拨号页面；提示“暂无支持此类文件的应用”

1015浏览 • 1回复待解决

HarmonyOS Web页面如何支持多语言

843浏览 • 1回复待解决

HarmonyOS Web组件中怎么拨打电话、跳转应用商店？

667浏览 • 1回复待解决

HarmonyOS web页面如何使用deeplink跳转到系统地图

893浏览 • 1回复待解决

HarmonyOS如何跳转到发短信页面

1595浏览 • 1回复待解决

#鸿蒙学习大百科#如何跳转到指定电话号码发送短信的页面？

1075浏览 • 1回复待解决

HarmonyOS llibrary中的两个页面如何跳转

498浏览 • 1回复待解决

#鸿蒙学习大百科#Web页面如何实现跳转ArkTS页面？

967浏览 • 1回复待解决

如何跳转到系统发送短信页面

3275浏览 • 1回复待解决

HarmonyOS web组件中打电话功能

726浏览 • 1回复待解决

鸿蒙next 中 web组件和h5 页面如何交互

311浏览 • 1回复待解决

HarmonyOS 发送短信跳转到发送短信的页面不把短信内容带过去

954浏览 • 1回复待解决

HarmonyOS NEXT开发中llibrary中的两个页面如何跳转？

272浏览 • 0回复待解决

HarmonyOS EntryAbility跳转页面如何携带参数？

1246浏览 • 0回复待解决

HarmonyOS 无法跳转电话拨号页面

791浏览 • 1回复待解决

Web组件和h5页面如何交互？

1063浏览 • 1回复待解决

应用集成sdk后，应用页面如何跳转到har包中的页面

1295浏览 • 1回复待解决

在Web组件的H5页面中，如何使用a标签实现打开各种页面

2842浏览 • 1回复待解决

HarmonyOS 如何跳转短信页面并设置信息内容

759浏览 • 1回复待解决

HarmonyOS web组件H5页面如何选择手机图片视频

1184浏览 • 1回复待解决

web中如何拉起鸿蒙拨打电话的功能

272浏览 • 0回复待解决

HarmonyOS Web组件中的video标签怎么去掉下载

854浏览 • 1回复待解决

HarmonyOS Web页面如何调起自定义键盘？

1000浏览 • 1回复待解决

HarmonyOS web组件如何监听到H5的页面跳转

829浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

订阅鸿蒙技术特刊，精选内容抢先看