使用 Chrome DevTools 显示时间戳

在开发过程中，我们经常需要检查网站或应用程序的性能和响应时间。Chrome DevTools 是开发者的必备工具之一，它提供了许多实用的功能，其中就包括显示时间戳。

如何启用时间戳

1. 打开 Chrome 浏览器并进入你想要调试的网站或应用程序。
2. 打开 DevTools 工具。有多种方法可以打开 DevTools，包括在菜单栏中点击“更多工具”，选择“开发者工具”或使用快捷键 F12 或 Ctrl+Shift+I。
3. 点击 DevTools 工具右上角的三个点，打开“Settings”（设置）。
4. 在设置面板中选择“Preferences”（首选项），然后找到“Console”（控制台）选项卡。
5. 在“Console”选项卡中，选择“Log timestamps”（显示时间戳）。

现在，当你在控制台中打印日志时，将会自动显示时间戳。

示例代码

console.log("Hello, world!");

控制台输出：

13:47:22.913 Hello, world!

结论

Chrome DevTools 的时间戳功能可以帮助开发者确定代码执行的时间，并有效地调试应用程序。启用此功能非常简单，并且在控制台中使用很方便。希望这篇文章对你有所帮助！