浏览器拒绝定位请求时需确保HTTPS或localhost协议、用户手势触发、权限探测及错误处理；定位不准应启用高精度并设置超时与缓存；watchPosition需手动clearWatch防泄漏；拒绝后无法JS重开面板，须引导用户手动设置。
浏览器拒绝定位请求时怎么办
用户点“允许”后页面没反应，或者控制台报 GeolocationPositionError，大概率是协议或上下文问题。HTML5 定位只在 HTTPS 或 localhost 下可用，HTTP 站点直接被现代浏览器静默禁用——连提示都不给。
- 检查地址栏：必须是
https://开头，或<a href="https://www.php.cn/link/e2bd79902aa2c126084f080211564dc8">https://www.php.cn/link/e2bd79902aa2c126084f080211564dc8</a>（开发时可用，但127.0.0.1不算等价） - 移动端注意：某些安卓 WebView 或 iOS Safari 在非主文档上下文中（比如 iframe、弹窗）会拒绝调用
navigator.geolocation.getCurrentPosition - Chrome 89+ 还加了“仅在用户手势后触发”的限制：不能在页面加载完就自动调用，得绑定到按钮点击、触摸等事件里
button.addEventListener('click', () => {
navigator.geolocation.getCurrentPosition(
pos => console.log(pos.coords.latitude),
err => console.error(err.code, err.message)
);
});获取位置后坐标不准或延迟高
getCurrentPosition 默认不等高精度，返回的是最快能拿到的结果，可能来自 WiFi 定位或基站粗略估算，误差几百米很常见。
- 加
enableHighAccuracy: true参数可强制用 GPS，但代价明显：耗电快、首次定位慢（尤其冷启动）、部分设备（如无 GPS 的平板）可能直接失败 -
timeout和maximumAge很关键：timeout: 10000避免卡死；maximumAge: 30000表示愿接受 30 秒内缓存的位置，减少重复计算
navigator.geolocation.getCurrentPosition(
success,
error,
{
enableHighAccuracy: true,
timeout: 10000,
maximumAge: 30000
}
);监听位置变化用 watchPosition 要小心内存泄漏
watchPosition 返回一个整数 ID，它会持续触发回调，直到你手动清除。忘了 clearWatch，页面切走或组件卸载后还在后台跑，既耗电又可能引发未定义行为。
- React/Vue 等框架里，务必在
useEffect清理函数或beforeUnmount钩子中调用navigator.geolocation.clearWatch(watchId) - 多次调用
watchPosition不会覆盖前一次，而是新增监听，ID 互不干扰——所以别靠“重调用”来刷新，先 clear 再重新 watch - 回调频率不可控：设备移动距离、信号强度、系统策略都会影响触发时机，别假设它每秒一次
用户点了“拒绝”后怎么再次唤起权限面板
浏览器一旦被用户手动选“拒绝”，getCurrentPosition 后续调用只会进 error 回调，且 err.code === 1（PERMISSION_DENIED），不会弹新面板。
立即学习“前端免费学习笔记（深入）”；
- 没有 JS API 能强制重开权限面板，只能引导用户手动操作
- 可检测
err.code === 1后，显示一段文案 + 按钮，点击跳转到浏览器设置页（但各平台路径不同）：Chrome 是chrome://settings/content/location，Safari 需去系统设置 → 隐私 → 定位服务 - 更稳妥的做法是：首次请求前先用
navigator.permissions.query({name:'geolocation'})探测状态，state为prompt才调用定位，避免白屏等错误
定位本身简单，难的是把各种拒绝、超时、缓存、精度、生命周期兜住。尤其是用户关掉权限后，前端基本无解，得提前留好退路。
