HTML5 的 navigator.geolocation 必须在 HTTPS 下使用，HTTP 或 file:// 协议会被现代浏览器禁用；需先检测支持性，再调用 getCurrentPosition 并处理成功与失败回调，注意权限、超时、缓存等参数含义及常见错误原因。
HTML5 的 navigator.geolocation 怎么用
必须在 HTTPS 环境下才能启用，HTTP 协议下（包括 localhost 以外的本地文件 file://）现代浏览器会直接拒绝调用。调用前先检查支持性：
if ("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(
(pos) => {
console.log("纬度:", pos.coords.latitude);
console.log("经度:", pos.coords.longitude);
console.log("精度:", pos.coords.accuracy + " 米");
},
(err) => {
console.error("定位失败:", err.code, err.message);
},
{
enableHighAccuracy: false,
timeout: 5000,
maximumAge: 30000
}
);
} else {
console.log("浏览器不支持 geolocation");
}
-
enableHighAccuracy: true可能触发 GPS，但耗电、响应慢，且在室内常失败 -
timeout不是“等待时长”，而是“从开始请求到触发 error 回调的最大时间”，超时后仍可能异步返回结果 -
maximumAge表示可接受的位置缓存年龄（毫秒），设为0强制刷新，设为Infinity会复用上次成功结果（即使已过期） - 用户首次访问会弹出权限提示；拒绝后，后续调用
getCurrentPosition会直接进 error 回调，且err.code === 1（PERMISSION_DENIED）
HTML4 能不能获取地理位置
不能。HTML4 是纯标记规范，没有定义任何 JavaScript API，更不存在 navigator.geolocation。所谓“HTML4 获取位置”实际是混淆了概念——有人误把第三方服务（如 IP 地址库、Wi-Fi 基站数据库）的 JS SDK 当作原生能力，或依赖后端通过 req.ip 查 IP 归属地（误差常达几公里到几百公里）。
- IP 定位不属于浏览器标准能力，和 HTML 版本无关，也和
geolocation无关 - HTML4 页面中写
navigator.geolocation会报TypeError: Cannot read property 'geolocation' of undefined或直接undefined - 即使强行用 Flash、Java Applet 等旧插件“模拟”定位，也早已被主流浏览器废弃，且无标准、不可靠、有安全风险
常见错误：PermissionDenied 但用户没点拒绝
这通常不是用户操作问题，而是环境或配置导致权限被隐式拒绝：
- 页面运行在 HTTP（非 HTTPS）协议下 → 浏览器静默禁用，
err.code为1，但err.message可能是空字符串或 “User denied Geolocation” - iframe 嵌入且未声明
allow="geolocation"属性 → 父页面即使有权限，子 frame 也会被拦截 - Chrome/Edge 在隐身模式下默认禁用定位（除非用户手动开启）
- iOS Safari 对后台标签页的
geolocation调用会延迟或丢弃，尤其在setTimeout中触发时容易失效
替代方案：不用 geolocation 怎么近似定位
仅适用于对精度要求极低（城市级）、且可接受服务端参与的场景：
立即学习“前端免费学习笔记（深入）”；
-
前端发请求到后端，后端用请求头
X-Forwarded-For或req.ip查 IP 库（如 MaxMind GeoLite2），返回粗略经纬度或城市名 - 使用第三方 Web API，例如
https://ipapi.co/json/（免费限频）或https://www.freegeoip.app/json/，注意跨域和稳定性 - 结合 Wi-Fi 信息（需用户授权并配合原生 App）——纯网页无法读取周围 Wi-Fi SSID 列表，这是操作系统级限制
这些都不是“HTML4 的定位”，只是绕过浏览器 API 的权宜之计，精度、时效、隐私合规性都远不如 navigator.geolocation。
真正要注意的是：别在非 HTTPS 页面里写 geolocation 代码，也别指望它在微信内置浏览器或某些国产安卓 WebView 里稳定工作——它们要么降级为 IP 定位，要么直接报错，而且不告诉你为什么。
