小程序内嵌H5实现打电话

小程序利用web-view,嵌套H5的页面,当H5的页面有打电话的功能,如何现在在小程序也有此功能。

注意在此是使用vsconde编写代码,而不是使用uniapp

首先判断公共页面的运行环境

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
        //ios的ua中无miniProgram,但都有MicroMessenger(表示是微信浏览器)
        wx.miniProgram.getEnv((res)=>{
           if (res.miniprogram) {
               alert("在小程序里");
           } else {
               alert("不在小程序里");
           }
        })
    }else{
        alert('不在微信里');
    }
</script>

原文地址

其后运行出来的结果,进行条件编译,展示不同环境中打电话的触发按钮,其中运行在小程序的触发按钮为

<a :href="tel:手机号码" v-if="小程序环境">

此方法就能调起打电话的功能

需要注意的是,此方法会在页面中间出现确认框,点击确认后就能够打电话了。此框为系统弹窗,不能去除!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值