首先打开Chrome开发者工具,通过“Sensors”面板启用地理定位模拟功能,接着选择“Custom location...”并输入经纬度(如39.9042, 116.4074)以自定义位置,或直接从预设列表中选择城市(如Tokyo, Japan),最后刷新页面即可使网页获取模拟地理位置信息。

如果您正在开发或测试一个依赖用户地理位置的网页应用,但需要模拟不同位置来验证功能,Chrome浏览器的开发者工具提供了强大的地理定位模拟功能。您可以通过此功能欺骗网页,使其认为您的设备位于世界上的任何地方。
本文运行环境:MacBook Pro,macOS Sonoma
一、启用并访问传感器面板
Chrome开发者工具中的“传感器”面板是模拟地理位置的控制中心。您需要先打开开发者工具并导航到该面板,才能进行后续设置。
1、在Chrome浏览器中,按下 F12 或 Option+Command+I 快捷键打开开发者工具。
2、在开发者工具右上角,点击三个垂直排列的圆点图标(更多选项)。
3、在弹出的菜单中,依次选择 “More tools” > “Sensors”,此时将显示传感器控制面板。
二、配置自定义地理位置坐标
一旦进入传感器面板,您可以选择预设位置或输入精确的经纬度来自定义模拟位置,以满足特定的测试需求。
1、在“Sensors”面板中,找到 “Geolocation” 选项。
2、从下拉菜单中选择 “Custom location...” 以手动输入坐标。
3、在 “Latitude” (纬度) 输入框中,填入目标位置的纬度数值,例如 39.9042。
4、在 “Longitude” (经度) 输入框中,填入目标位置的经度数值,例如 116.4074。
5、完成输入后,刷新页面,当前标签页内的网页应用将获取到您设定的模拟位置信息。
三、使用预设位置快速测试
对于不需要精确坐标的场景,Chrome提供了一系列全球主要城市的预设位置,可以快速切换,极大提升测试效率。
1、确保已打开开发者工具的 “Sensors” 面板。
2、在 “Geolocation” 下拉菜单中,直接选择一个预设城市,如 “Tokyo, Japan” 或 “New York, USA”。
3、选择后,无需额外操作,当前网页在下次请求地理位置时,将返回所选城市的坐标。











