已授权位置共享，网页加载后调用getCurrentPosition触发违规错误求助

这个错误是Chrome从v60+开始推行的隐私安全限制导致的——哪怕用户之前已经同意了位置共享授权，浏览器也禁止在页面自动加载（比如DOMContentLoaded、window.onload回调）这类非用户主动触发的场景下调用navigator.geolocation.getCurrentPosition()或watchPosition()。目的是防止恶意网站在用户毫无察觉的情况下滥用定位权限，而你在控制台模拟能成功，是因为控制台操作属于浏览器特权行为，不受这个限制。

下面给你几个合规的解决方案：

1. 引导用户主动触发定位（最推荐） #

在页面加载完成后，展示一个明确的按钮或交互元素，让用户主动点击触发定位请求。这种方式完全符合浏览器政策，也能让用户清楚知道你在获取位置：

<button id="triggerLocation">点击获取我的位置</button>
<script>
  // 定位成功回调
  function handleLocationSuccess(position) {
    const { latitude, longitude } = position.coords;
    console.log(`获取到位置：纬度 ${latitude}，经度 ${longitude}`);
    // 这里可以处理拿到的位置数据
  }

  // 定位失败回调
  function handleLocationError(error) {
    console.warn(`定位失败：错误码 ${error.code}，信息 ${error.message}`);
  }

  // 绑定按钮点击事件
  document.getElementById('triggerLocation').addEventListener('click', () => {
    const positionOptions = {
      enableHighAccuracy: true, // 高精度模式
      timeout: 5000, // 超时时间5秒
      maximumAge: 0 // 不使用缓存的位置数据
    };
    navigator.geolocation.getCurrentPosition(handleLocationSuccess, handleLocationError, positionOptions);
  });
</script>

2. 监听页面首次用户交互（适合不想显式展示按钮的场景） #

如果业务场景不允许显式按钮，可以监听页面的第一次用户交互（比如点击、触摸、按键），在这个时机触发定位请求，确保符合用户手势要求：

let hasFetchedLocation = false;

function fetchUserLocation() {
  if (hasFetchedLocation) return; // 避免重复请求
  hasFetchedLocation = true;

  const positionOptions = {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
  };

  navigator.geolocation.getCurrentPosition(
    (pos) => {
      const { latitude, longitude } = pos.coords;
      console.log(`获取到位置：纬度 ${latitude}，经度 ${longitude}`);
      // 处理位置数据
    },
    (err) => {
      console.warn(`定位失败：${err.message}`);
    },
    positionOptions
  );
}

// 监听多种用户交互事件，只执行一次
['click', 'touchend', 'keydown'].forEach(eventType => {
  document.addEventListener(eventType, fetchUserLocation, { once: true });
});

注意事项 #

• 不要尝试绕过这个限制：任何非用户手势触发的定位请求都会被Chrome拦截，修改浏览器隐私设置（比如关闭"网站可以请求您的位置"的限制）虽然能解决，但不能要求普通用户这么做。
• HTTPS环境要求：除了localhost，线上网站必须部署在HTTPS协议下才能使用地理定位API，否则也会触发错误。

内容的提问来源于stack exchange，提问作者Tim Nuwin