为什么Geolocation API本地运行失效，仅在浏览器控制台可正常执行？

问题根因 #

Geolocation API 受浏览器安全策略限制，仅允许在安全上下文中调用：

• 符合要求的场景：HTTPS 协议站点、http://localhost/http://127.0.0.1 本地服务
• 不符合要求的场景：直接双击打开 HTML 文件走 file:// 协议访问
  你粘贴到控制台执行时，当前页面本身是符合安全上下文要求的站点，所以能正常运行；本地直接打开 VS Code 编写的 HTML 文件走的是 file:// 协议，默认被浏览器拦截了调用请求。

解决方案 #

• 推荐方案：VS Code 安装 Live Server 插件，右键你的 HTML 文件选择「Open with Live Server」，启动本地服务通过 localhost 访问即可正常调用。
• 临时测试方案（仅针对 Firefox）：地址栏输入 about:config 进入配置页，搜索 geo.security.allow_insecure，将配置值改为 true 即可放开 file:// 协议的调用限制，测试完成后建议改回默认值避免安全风险。

调试优化建议 #

你当前的代码仅配置了成功回调，无法捕捉权限拒绝、定位失败等异常，可补充错误回调快速定位问题：

const geo = navigator.geolocation;

const position = ()=>{
    console.log("OK");
}

// 新增错误回调
const handleError = (err) => {
  console.log(`定位失败，错误码：${err.code}，错误信息：${err.message}`)
}

geo.getCurrentPosition(position, handleError);

内容的提问来源于stack exchange，提问作者Rothman Mariño