使用 Chrome 开发者工具模拟浏览器时区、用户设备 UA

模拟用户设备

在控制台点击切换设备仿真,里面有各种设备可供切换。

如切换为 iPhone 后,请求头的 UA 就会发生变化。

如果需要自定义 UA,可以添加设备进行设置。

模拟时区

有些时候,需要切换时区。比如观测 Date 对象在不同时区中本地时间中的数据。

如 new Date() 传入年月日时按 UCT 时间,同时传入时分秒会显示本地时间:

console.log(new Date('2023-06-07'))
console.log(new Date('2023-06-07 00:00:00'))

输出:

Wed Jun 07 2023 08:00:00 GMT+0800 (中国标准时间)
VM396:2 Wed Jun 07 2023 00:00:00 GMT+0800 (中国标准时间)

直接修改浏览器时区比较麻烦,此时可以通过 Chrome 开发者工具快速模拟浏览器时区。

操作方法:

调出开发者工具,点击右上角更多菜单->更多工具->传感器-位置,切换所在位置,即可模拟时区。

切换位置为 Mountain View 后,重新在控制台输出以上指令,得到:

Tue Jun 06 2023 17:00:00 GMT-0700 (Pacific Daylight Time)
VM703:2 Wed Jun 07 2023 00:00:00 GMT-0700 (Pacific Daylight Time)

可见,使用不带时分秒的字符串去创建 Date 对象,得到的日期可能天数都不一致。