使用a标签的href属性拨打电话在移动端安卓手机上的兼容问题

href打电话在ios上基本没啥问题,在安卓手机上有的可以有的不行,可以使用iframe的方式兼容安卓 亲测好用

<a v-if="$store.state.android==true" href="javascript:void(0);" style="display: inline-block;text-decoration: none;color:#fff;position: relative;">
                <iframe id="xx" src="about:blank" style="position: absolute;top:100000000px;"></iframe>
                <i class="iconfont icon-dianhua1"></i>
              <a :href="'tel:'+baseInfo.mobile" *onclick*="document.getElementById('xx').src=this.href; return false;" style="display: inline-block;text-decoration: none;color:#fff;">{{baseInfo.mobile}}</a></a>

其余的小注意事项记录
1.

**Uncaught NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node**

上面这个错误是因为v-if和jq的混乱使用导致的。
在利用fullpage.js写移动端的页面时,一定要注意将元素remove和display:none的区别。

2.
百度地图不支持https该怎么办?如果你引入的是2.0以下的版本,以1.5为例

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=XXXX"></script>

一般在http协议下是没有什么问题的,但是在只支持https的服务协议下,控制台就会报错

was loaded over HTTPS, but requested an insecure script 'http://api.map.baidu.com/getmodules?v=2.0&mod=map,oppc,tile,scommon,local'. This request has been blocked; the content must be served over HTTPS. (anonymous) @ getscript?v=2.0&ak=你申请的AK

这样地图就没法加载出来,怎么样简单有效解决这种问题呢?其实,很简单
只需要将你引入的百度地图api的地址http改为https并且在你的秘钥后面拼接上s=1即可,就想下面这样

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的AK&s=1"></script>

问题就轻松解决了!

3.

关于math.round无法保留小数问题的解决办法

 Math.round((res.data.data.counts*0.0001)*100)*0.01;
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值