html无法声明位置权限用途，浏览器权限弹窗文案由其控制；提升授权率需在按钮文案说明用途、点击后展示引导层、错误时提供具体操作指引，并避免自动请求。
HTML 中无法直接标注位置权限用途
浏览器不认 HTML 标签里写的“用途说明”，Geolocation API 的权限请求弹窗文案完全由浏览器控制，HTML 本身没有标准属性能声明“用于本地推荐”这类目的。你写在 <meta> 或注释里，对用户授权决策和浏览器行为零影响。
实际生效的只有 JavaScript 调用时的上下文与时机
权限提示是否出现、是否带“本地推荐”类描述，取决于：
• 用户当前是否已授予过该站点位置权限
• navigator.geolocation.getCurrentPosition() 被调用时的用户操作上下文（比如是否由按钮点击触发）
• 浏览器版本及平台（Chrome 94+ 在部分场景会显示页面标题或来源域名，但不会显示自定义用途文本）
• 网站是否使用 HTTPS（HTTP 下 geolocation 直接被禁用）
想提升用户授权率？重点做三件事
• 在按钮文案中明确说明用途，例如：<button>开启位置，为您推荐附近餐厅</button>
• 按钮点击后、调用 getCurrentPosition() 前，先展示轻量级引导层（含图标+1句说明），避免白屏弹窗突兀出现
• 处理 PermissionDenied 和 NotAllowedError 错误时，给出具体建议：“请检查浏览器地址栏右侧的锁形图标 → 点击 → ‘位置’→ 选择‘允许’”
• 不要一进页面就自动请求——多数浏览器会直接拒绝或降权，且 iOS Safari 对非用户手势触发的请求直接静默失败
别碰 geolocation 的 options 里不存在的字段
有人试图在 getCurrentPosition() 的第二个参数里加 purpose: "local-recommendation" 或类似字段，这不会报错但也不会被识别。标准 PositionOptions 只支持：enableHighAccuracy、timeout、maximumAge。任何额外字段都被忽略。
真正起作用的不是你怎么写 HTML，而是用户点击那一刻，他是否理解“为什么需要位置”以及“给了之后会发生什么”。浏览器不会帮你传达意图，得靠界面语言和交互节奏来补足。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
