HTML无法申请“用于附近推荐”位置权限，因浏览器地理位置API仅支持“获取当前位置”，不提供原生系统级的用途细分权限；需在调用getCurrentPosition前通过UI明确告知用户用途并获同意。
HTML里没法直接申请“用于附近推荐”位置权限
浏览器的地理位置 API（navigator.geolocation）只提供“获取当前位置”这一种能力，没有“用于附近推荐”这个独立权限类型——那是 Android/iOS 原生应用在系统层面对 ACCESS_FINE_LOCATION 或 ACCESS_COARSE_LOCATION 的细分用途说明，HTML 页面无法声明或触发该文案。
用户在 Chrome 或 Edge 中看到的“允许‘xxx.com’访问您的位置？”弹窗，背后只有两个状态：granted、denied（或 prompt），没有“仅用于附近推荐”的选项分支。
为什么浏览器不支持“附近推荐”这类用途描述
Web 平台的权限模型是跨平台、最小化暴露的。它不区分“导航”“打卡”“推荐”，只管“你是否愿意交出经纬度”。所谓“用于附近推荐”，其实是业务方自己对数据用途的说明，必须由前端页面在请求前主动向用户解释清楚，而不是靠浏览器弹窗代劳。
- 浏览器无权替网站承诺数据用途，所以不提供用途字段
- Android/iOS 的
ACCESS_BACKGROUND_LOCATION或“仅本次”“始终允许”等选项，也不存在于 Web API 中 - Chrome 从 94 版本起已移除
enableHighAccuracy对权限级别的影响，开启与否都不改变弹窗文案
怎么让用户明白“我们要用位置做附近推荐”
必须在调用 navigator.geolocation.getCurrentPosition() 前，用页面 UI 明确告知用途。这是合规前提，也是实际体验关键。
立即学习“前端免费学习笔记（深入）”；
- 不要一进页面就直接调用
getCurrentPosition()—— 容易被浏览器屏蔽或用户秒拒 - 先展示一段简短文案，比如：“开启位置权限，帮您发现附近的咖啡馆和活动”
- 配合一个按钮，点击后才执行
getCurrentPosition() - 若用户拒绝过，再次调用时不会弹窗，需引导至设置页：
location.href = 'about:blank'无效，应提示“请在浏览器地址栏左侧点击锁形图标 → ‘位置’→ 改为‘允许’”
示例逻辑片段：
document.getElementById('use-location-btn').addEventListener('click', () => {
if ('geolocation' in navigator) {
navigator.geolocation.getCurrentPosition(
(pos) => console.log(pos.coords.latitude, pos.coords.longitude),
(err) => console.error('定位失败:', err.code) // 常见 err.code: 1（用户拒绝）、2（不可用）、3（超时）
);
}
});
容易被忽略的兼容性与降级处理
不是所有环境都能返回精准坐标；用户开飞行模式、禁用 GPS、使用老版本 Safari，都可能导致 getCurrentPosition() 失败或返回粗略结果。
-
position.coords.accuracy值大于 500 米时，基本不适合“附近推荐”，建议提示“定位精度不足，暂无法推荐附近地点” - iOS Safari 对后台定位限制极严，页面切到后台后
watchPosition()会立即停止，getCurrentPosition()仍可用但延迟高 - 部分国内安卓 WebView（如微信内置）会直接禁用
geolocation，需检测'geolocation' in navigator并 fallback 到 IP 地址粗略定位（如调用高德/腾讯 IP 定位接口） - HTTPS 是硬性要求，HTTP 站点下
navigator.geolocation为 undefined
事情说清了就结束。
