H5页面调用手机打电话功能

H5页面调用手机打电话功能,第1张

在<head>里面加上:

<meta name="format-detection" content="telephone=yes"/>

需要拨打的电话:

<a href="tel:168-1686-16888">168-1686-16888</a>

调用发短信:

<a href="sms:18888888888">发短信</a>

点击 页面上的电话号码 ,页面会调用手机的电话,短信 接口。

在移动端页面开发中,偶尔会需要唤起用户手机的打电话功能,拨打客服电话,此时我们可以按照以下 *** 作实现打电话功能:

1)index.html在<head></head>中加入这一段:

<meta name="format-detection" content="telephone=yes"/>

2)js中设置点击事件:

window.location.href = 'tel:4000-000-000'

或者直接使用:

<a href="tel:4000-000-000">拨打电话</a>

若涉及到发送短信可以设置:

// 添加内容

window.location.href = 'sms:10086?body=短信内容'

// 不添加内容

window.location.href = 'sms:10086'

或者:

<a href="sms:10086">发送短信</a>

<a href="sms:10086?body=短信内容"></a>

文章参考: https://blog.csdn.net/Boale_H/article/details/108582436

在ios中,用H5编写了可以打电话的页面。 点击“拨打”按钮后可以进行跳转到打电话的页面(跳转这一块应该是和浏览器有关),跳转之后拨打完电话能够回到之前打电话的页面。

1.UIWebView

方法1:NSString *location =[webViewstringByEvaluatingJavaScriptFromString:@"document.location"];

方法2:NSLog(@"webView location = '%@'", webView.request.URL.absoluteString)

以上两种一定要放在页面成功加载之后才可以的!

2.WKWebview

#pragma mark 在发送请求之前,决定是否跳转


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11932605.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存