美文网首页
js h5拉起拨打电话

js h5拉起拨打电话

作者: AAA_si | 来源:发表于2022-10-24 10:51 被阅读0次

h5+vue拨打电话功能其实很简单,但是经过测试ios不行。这边我给大家说下我们的解决办法

<div class="call" @click="call">拨打电话</div>
// js
call(){
 window.location.href = 'tel://400-920-5245';
},
注意:window.location.href = 'tel://400-920-5245';IOS无效,安卓有效

改

<div class="call" @click="call">拨打电话</div>
<a href="" v-show="false" ref="tels"></a>  // 多加一个a标签拉起打电话
// js
call(){
 this.$refs.tels.href = `tel://400-920-5245`
 this.$refs.tels.click()
},

⚠️ 简单来说,a标签唤起的拨打电话,ios是可以支持的。

如果没有解决你的问题。而且你的页面是嵌套在APP中。
1⃣️ 有可能IOS的WKWebView调用的h5。需要ios去做一些兼容。
2⃣️ 条件允许的情况下,直接让ios去写拨打电话的方法。你只需要负责调用

1⃣️的话你可以看下这个大佬的方法
完!

相关文章

网友评论

      本文标题:js h5拉起拨打电话

      本文链接:https://www.haomeiwen.com/subject/oqomzrtx.html