‘geolocation‘ in navigator 失效

最新推荐文章于 2025-04-25 15:04:25 发布

LPLIFE

最新推荐文章于 2025-04-25 15:04:25 发布

阅读量749

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/LPLIFE/article/details/116757572

JavaScript 专栏收录该内容

76 篇文章

订阅专栏

本文探讨了浏览器中地理位置权限的不同实现方式及其兼容性问题。通过对比异步操作与直接调用getCurrentPosition方法的区别，找到了一种更广泛的浏览器支持方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
原因：该操作是异步，我以为下面的方式可以解决掉了，谁知道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();
      }