美文网首页
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