小程序内嵌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="小程序环境">

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

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