小程序利用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="小程序环境">
此方法就能调起打电话的功能
需要注意的是,此方法会在页面中间出现确认框,点击确认后就能够打电话了。此框为系统弹窗,不能去除!