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

Posted 2023-02-22

【中文标题】有没有办法在 Chrome devtools 中更改您的时区？

【英文标题】：Is there a way to change your timezone in Chrome devtools?

【发布时间】：2018-11-23 18:37:15

【问题描述】：

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

我想将我的浏览器更改为另一个时区并查看测试是否仍然通过，但我无法找到执行此操作的方法。

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

【问题讨论】：

看到这个***.com/a/16449343/1225070和这个：***.com/a/18612568/1225070

Chrome 使用来自操作系统的时区。因此，只需进入您的系统偏好设置并更改您的时区即可。

【参考方案1】：

2020 年更新：查看另一个答案，它显示了我向 Chromium 提交的 feature request 的结果，以实现一种覆盖时区的方法。

请注意，该技术仅适用于更改该选项卡中的位置（包括时区）。其他选项卡仍将使用系统的时区。 DevTools 不是欺骗您的时区的可靠方法。

要更改浏览器中所有选项卡的时区（Chrome 或 Firefox 或其他），在 Linux/MacOS 上，您可以启动浏览器并将 TZ 环境变量设置为所需的 @ 987654322@:

TZ=America/New_York chromium-browser

【讨论】：

Windows 怎么样？如何在桌面上的应用程序快捷方式中设置此变量？

@izogfif Windows 不使用环境变量设置时区；您可以在 bat 文件中设置“set TZ=...”，但对普通应用程序没有影响。

【参考方案2】：

要在 Chrome 开发工具中执行此操作，您可以使用地理位置传感器仿真。 转到 3 个虚线菜单，更多工具和传感器。

有一个包含一些常用位置的地理位置下拉菜单，但您也可以更改您喜欢的位置。为此，您可以在该下拉列表中选择 Other... 并输入自定义 Timezone ID

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

【讨论】：

不错！看起来您不需要使用位置来设置时区，那里也有一个“时区 ID”，位于纬度和经度字段下，我在美国/中部、美国/复活节、美国/太平洋进行了测试，他们都工作了。谢谢！

这是一个很好的提示，谢谢！我将我的“自定义”地理位置添加到列表中，其中包含来自谷歌搜索的纬度/经度和时区 ID。之后，我可以查看日志和指标等。所有这些都显示为应用程序所需的本地时区。

搞笑——好像没有考虑夏令时。

最佳答案！！谢谢！

非常感谢，我不敢相信我现在才知道这个