在 Chrome 中输出时间戳的 console.log

在前端开发中,console.log 是一个常用的调试工具。有时候需要查看代码执行的时间,可以通过输出时间戳来实现。然而,在不同的浏览器中,console.log 输出时间戳的方式可能会有所不同。本文介绍在 Chrome 浏览器中如何输出时间戳。

输出当前时间戳

要输出当前时间戳,可以使用 Date.now() 方法。它返回的是自 1970 年 1 月 1 日 00:00:00 UTC 到当前时间的毫秒数。因此,可以将其作为参数传递给 console.log 方法,以在控制台输出当前时间戳。

------------------------

输出相对时间戳

在某些情况下,需要输出相对于页面加载开始的时间戳。这可以通过记录页面加载开始的时间,并将其与当前时间进行比较来实现。

-- -----------
--- --------- - -----------------------------------

-- -------
----------------------------- - -----------

在上面的示例代码中,performance.timing.navigationStart 返回的是页面加载开始的时间戳,单位是毫秒。performance.now() 返回的是从性能测量方法被调用到当前时间的毫秒数。因此,将这两个时间戳相减就可以得到相对时间戳。

结论

在 Chrome 浏览器中,可以使用 Date.now() 方法输出当前时间戳,也可以使用 performance.timing.navigationStart 和 performance.now() 方法输出相对时间戳。这些方法可以帮助我们快速调试代码,定位问题。

然而,在实际开发中,不建议在生产环境中使用 console.log 输出时间戳,因为它会影响页面的性能。如果需要记录用户的行为数据和性能数据,应该使用专业的监控工具。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/9904