谷歌通过Chrome DevTools 发布了一个关于覆盖地理位置的开发者页面。这个新页面取代了旧页面。 Chrome 可以使用 Chrome DevTools 覆盖您的地理位置并显示不同的位置。这使您可以测试您的网站如何响应不同的地理位置。

根据 Google 的官方开发者页面:

“许多网站利用用户位置来为其用户提供更相关的体验。例如,一旦用户授予网站对其位置权限的访问权限,天气网站可能会显示用户所在区域的本地预报。

如果您正在构建一个根据用户位置而变化的 UI,您可能需要确保网站在世界各地运行。”

如何使用 Chrome 显示不同的地理位置

这样做的方式并不直观。但这实际上很容易做到。以下是使用 Chrome 欺骗不同 IP 地址的方法。

在 Chrome DevTools 中覆盖您的地理位置

第 1 步:打开命令菜单

根据 Google 的开发者页面,这是访问地理位置覆盖的方法:

“按 Command+Shift+P (Mac) 或 Control+Shift+P(Windows、Linux、Chrome 操作系统)打开命令菜单。”

这是导航到此功能的秘密握手。

第二步,输入“show sensors”

步骤 3. 选择地理位置
在此步骤中,您需要向下滚动以查看允许您选择地理位置的菜单项。

如果您没有看到要模拟的地理位置,请单击标有“管理”的按钮。

如何使用Chrome DevTools添加自定义地理位置

您可以使用“添加位置”按钮将地球上的任何位置添加为选择。单击此按钮可选择添加您要建模的确切地理位置的纬度和经度。

为了得到你要模拟的城市的地理位置的经纬度坐标,只需google:纬度经度+城市名

然后将坐标填入相应的方框而 Chrome 会模拟 Geolocation 进行测试和调试。

使用 Chrome 欺骗任何地理位置

此时您可以关闭开发工具面板并浏览到您想要的任何网站,它会像您位于同一地理区域。

向 Danny Sullivan 致敬,因为他在推文中引起了人们对此的注意:

“哇,@googlechrome 现在允许您在开发人员模式下设置自定义地理位置,这让我很高兴非常开心。”

阅读 Google 的官方开发者页面:
使用 Chrome DevTools 覆盖地理位置

Shutterstock 图片,由作者修改