有没有办法在Chrome devtools中更改您的时区？

Question

我已经在JavaScript中创建了一个工具，该工具可以确定当前UTC时间并检查是否经过了另一个预定日期。

我想将浏览器更改为另一个时区，以查看测试是否仍然可以通过，但是我找不到解决方法。

Chrome开发人员工具中有没有办法做到这一点？如果没有，还有其他建议吗？

Answer 1

要在 Chrome 开发工具中执行此操作，您可以使用地理定位传感器模拟。转到 3 点菜单，更多工具和传感器。

有一个包含一些常见位置的 Geolocation 下拉菜单，但您也可以更改您喜欢的位置。为此，您可以在该下拉列表中选择其他...并输入自定义时区 ID

这是一个测试它的演示页面：https : //mathiasbynens.be/demo/timezone 和一个显示该过程的视频：https : //www.youtube.com/watch?v=pIpN_AuV4AI

Answer 2

DevTools还没有办法做到这一点，但我已经提交了一个功能请求来实现一种覆盖时区的方法。

同时，您可以在 Linux/MacOS 上将TZ环境变量设置为所需的时区名称来启动浏览器。

Answer 3

2023 年 7 月更新：

在 Chrome 上，按F12打开开发者工具：

然后，按Esc键打开另一个具有“传感器”选项卡的面板：

最后，选择“位置”Tokyo可以暂时设置和更改浏览器时区，如下所示，然后您可以通过重新加载页面来测试页面：

如果没有“传感器”选项卡，您可以从如下所示的3 个点打开它：

我使用此功能来测试国际推出的网站。