‘geolocation‘ in navigator 失效

在这里插入图片描述
原因:该操作是异步,我以为下面的方式可以解决掉了,谁知道safair不支持:

navigator.permissions.query({ name: "geolocation" }).then((res) => {
  // granted:成功 denied:失败
  if (res.state === "granted") {
  }
});

接着我又换了另一种方式,这种方式的兼容性更好一些:
在这里插入图片描述

	// 成功的时候执行
    successCallback () {
    },
    // 失败的时候执行
    handleLocationError () {
    },
      // 判断浏览器是否允许获取地址
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(this.successCallback, this.handleLocationError, { maximumAge: 15000, timeout: 10000, enableHighAccuracy: true });
      } else {
        this.handleLocationError();
      }

参考:getCurrentPosition

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值