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

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
HarmonyOS如何跳转到发短信页面
495浏览 • 1回复 待解决
如何跳转到系统发送短信页面
2079浏览 • 1回复 待解决
Web组件和h5页面如何交互?
226浏览 • 1回复 待解决
如何跳转通讯录 、 打电话
1812浏览 • 1回复 待解决
HarmonyOS 拉起短信页面
200浏览 • 1回复 待解决
HarmonyOS 页面如何设置全屏显示?
431浏览 • 1回复 待解决