如何在网页中获取用户真实位置？避免浏览器手动篡改定位

首先明确：前端无法阻止用户手动设置或伪造位置，也没法强制获取用户的真实地理位置。原因很简单：浏览器的地理位置API本身就是基于用户授权和浏览器提供的信息运行的，开发者工具修改位置、第三方插件伪造坐标都是用户端的操作，前端代码没有权限限制这些行为——这也是浏览器为用户隐私和调试需求保留的权限。

不过你可以通过一些手段降低伪造位置的影响，或者识别可疑的位置数据：

• 后端辅助校验：结合用户IP对应的大致地理位置和前端提交的经纬度做对比，如果两者偏差过大（比如IP显示在国内，前端提交的坐标在国外），可以标记该请求为异常，拒绝处理或要求用户重新提供。注意IP定位本身有误差，只能作为辅助判断，不能完全依赖。
• 检查位置数据的可信度：getCurrentPosition返回的position对象里有不少可以参考的参数：
  • coords.accuracy：表示位置的精度（单位米），数值越大精度越低，若精度超过合理范围（比如几公里甚至几十公里），可以判定为可疑位置。
  • coords.altitude、coords.heading等参数：伪造的位置通常不会提供这些细节，若这些值为null或不合理，也可以作为判断依据。
  • timestamp：记录位置获取的时间，若多次提交的位置时间间隔极短但坐标变化极大，也能识别异常。
• 多次获取位置对比：连续获取几次位置，若坐标波动异常（比如瞬间移动几百公里），则大概率是伪造的。
• 用户引导：在页面上明确提示用户需要提供真实位置才能使用功能，从规则层面约束用户，但这只能起到引导作用，无法强制。

另外，你当前的getMyLatitude函数存在异步问题：getCurrentPosition是异步执行的，函数会直接返回初始值0，而不是实际获取到的纬度。需要改成异步函数才能正确获取值，示例代码如下：

async function getMyLatitude() {
    return new Promise((resolve, reject) => {
        if (!navigator.geolocation) {
            reject(new Error("当前浏览器不支持地理位置功能"));
            return;
        }
        navigator.geolocation.getCurrentPosition(
            (position) => resolve(position.coords.latitude),
            (error) => reject(error)
        );
    });
}

// 使用示例
getMyLatitude().then(latitude => {
    console.log("获取到纬度：", latitude);
    // 这里将纬度提交到ASP.NET Core RazorPage
}).catch(error => {
    console.error("获取位置失败：", error.message);
});

内容的提问来源于stack exchange，提问作者Mehdi