Chrome 自带地理位置模拟功能，操作也不复杂。
先到 chrome://settings/content/location 把定位权限打开，把屏蔽的网站放出来。
然后通过开发者工具的 Sensors 面板，选择预设城市、自己输入坐标，或者直接禁用定位。
刷新一下页面，na vigator.geolocation 就会乖乖返回你设定的结果。

当你在谷歌浏览器中测试网页对不同经纬度坐标的响应时——比如验证地图标记是否正确、附近商家列表是否按目标城市加载、区域限流逻辑是否触发——这些全都依赖 na vigator.geolocation API 返回的坐标值。
而 Chrome 提供了原生、稳定、无需额外扩展的模拟方式，非常顺手。

开启地理位置权限并进入 Sensors 面板

前提：开启位置权限

这一步是前提，缺一不可。
如果浏览器没拿到位置授权，页面连请求弹窗都不会弹出来，更别提返回模拟坐标了。务必先完成这个设置，否则后面所有操作都是白搭。

在地址栏输入 chrome://settings/content/location 并回车。
确认顶部的开关是"网站可以请求使用您的位置"（开启状态）。
然后往下看，如果有"已屏蔽"列表，找到你的测试网站，点击右侧的三点菜单，选择"移除"。

打开 Sensors 面板

打开目标网页，按 F12 或 Ctrl+Shift+I（Mac 用 +Option+I）打开开发者工具。
然后点击右上角那三个竖点图标，在菜单里选 More tools → Sensors。

手动输入自定义经纬度坐标

这种方法最适合需要精确控制坐标的场景，比如测试某个商场周边 500 米内的 POI、验证地理围栏的边界点，或者复现用户上报的异常定位。

• 在 Sensors 面板中找到 Geolocation 下拉菜单 → 选择 Custom location…。
• 在 Latitude 框里填入纬度（比如 22.3193，香港中环）；Longitude 框里填经度（比如 114.1694）。
  Accuracy 精度可以留空，默认是 100 米，也可以填个 10 表示高精度模拟。
• 点击 Apply 或者直接按 Enter 确认。
  然后刷新页面，JavaScript 里的 getCurrentPosition() 就会直接返回你设定的坐标，完全不用等 GPS 初始化。

从预设城市快速切换位置

这个方式特别适合多城市兼容性回归测试，省得去查坐标、担心输错小数位、搞混纬度和经度的顺序。

• 方法一：直接在 Geolocation 下拉菜单里选 Tokyo、London、Shanghai、New York 这些城市名就行。
• 方法二：在下拉菜单选 Presets，然后在展开的城市列表里点击目标城市，坐标和精度自动就填好了。

刷新页面就生效了。
不过要提醒一句：预设城市用的是 IANA 官方标准坐标，和 Google Maps 上的实际地标可能有点偏差，不过用来做功能验证完全够用了。

强制禁用地理位置以测试失败路径

真实用户很有可能拒绝授权，所以前端必须能妥善处理 error 回调。
这一步模拟的不是位置，而是"没有位置"的健壮性场景。

• 在 Geolocation 下拉菜单里选 Disabled。
• 刷新页面后再调用 getCurrentPosition()，error 回调就会触发，code 为 1（PERMISSION_DENIED），而不是超时或不可用。

操作起来很简单，但确实容易被忽略。
很多团队只测"有位置"的分支，一上线，遇到用户首次拒绝授权，直接白屏或报错，那就尴尬了。

《夸克》非常好用的免费AI浏览器

下载APP查看