在前端开发中，console.log 是一个常用的调试工具。有时候需要查看代码执行的时间，可以通过输出时间戳来实现。然而，在不同的浏览器中，console.log 输出时间戳的方式可能会有所不同。本文介绍在 Chrome 浏览器中如何输出时间戳。
输出当前时间戳
要输出当前时间戳，可以使用 Date.now() 方法。它返回的是自 1970 年 1 月 1 日 00:00:00 UTC 到当前时间的毫秒数。因此，可以将其作为参数传递给 console.log 方法，以在控制台输出当前时间戳。
console.log(Date.now());
输出相对时间戳
在某些情况下，需要输出相对于页面加载开始的时间戳。这可以通过记录页面加载开始的时间，并将其与当前时间进行比较来实现。
// 记录页面加载开始的时间 var startTime = performance.timing.navigationStart; // 输出相对时间戳 console.log(performance.now() - startTime);
在上面的示例代码中，performance.timing.navigationStart 返回的是页面加载开始的时间戳，单位是毫秒。performance.now() 返回的是从性能测量方法被调用到当前时间的毫秒数。因此，将这两个时间戳相减就可以得到相对时间戳。
结论
在 Chrome 浏览器中，可以使用 Date.now() 方法输出当前时间戳，也可以使用 performance.timing.navigationStart 和 performance.now() 方法输出相对时间戳。这些方法可以帮助我们快速调试代码，定位问题。
然而，在实际开发中，不建议在生产环境中使用 console.log 输出时间戳，因为它会影响页面的性能。如果需要记录用户的行为数据和性能数据，应该使用专业的监控工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9904
