改变开发的新面貌：Chrome 84 开发者工具新特性全解析

当我们打开开发者工具后，我们经常会碰到 Console 中有许多奇怪的 log，我们很难找出是哪里产生的，一直到现在 Chrome 84 的推出，终于让我们有办法可以直接定位出这些 log 是谁打印出来的了。

1. 控制台的骚操作

1.1 log定位

控制台最常用的就是log，但是当我们有很多log的时候，我们需要找到一个特定的log是一件很困难的事情，有时候我们知道这一条log是打印在某个特定的时刻，那么我们可以通过时间来定位这条log。

在 Chrome 84 里，我们可以使用 console.timeStamp() 方法来打印时间戳，这样我们就能够很容易的找到我们需要的那条log了。

1.2 错误异常追踪

以前，如果我们想跟踪某个错误，我们需要借助第三方工具，但是从 Chrome 84 开始，我们可以使用 console.error() 方法来追踪错误，这将会把错误信息打印到控制台，并且还会在控制台中显示错误堆栈。

1.3 增强颜色支持

在控制台的样式中，我们可以使用 CSS 代码来对控制台的样式进行修改，以达到更好阅读的效果，但是从 Chrome 84 开始，我们可以使用 console.color() 方法来对控制台的样式进行修改，这样就更加方便了。

2. Performance Monitor强势登场

2.1 新的火焰图

在 Performance Monitor 中，我们最常用的就是火焰图，但是在 Chrome 84 中，火焰图有了新的功能，我们可以通过选择不同的线程来查看不同的火焰图，这对于我们分析性能问题非常有帮助。

2.2 内存分析

在 Performance Monitor 中，我们还可以对内存进行分析，在 Chrome 84 中，内存分析有了新的功能，我们可以通过选择不同的时间段来查看内存使用情况，这对于我们分析内存泄漏问题非常有帮助。

2.3 事件分析

在 Performance Monitor 中，我们还可以对事件进行分析，在 Chrome 84 中，事件分析有了新的功能，我们可以通过选择不同的事件类型来查看不同的事件，这对于我们分析性能问题非常有帮助。

3. WebAssembly 全面升级

3.1 新的调试器

在 Chrome 84 中，WebAssembly 调试器有了新的功能，我们可以通过选择不同的线程来查看不同的 WebAssembly 模块，这对于我们分析 WebAssembly 性能问题非常有帮助。

3.2 新的代码生成器

在 Chrome 84 中，WebAssembly 代码生成器有了新的功能，我们可以通过选择不同的优化级别来生成不同的 WebAssembly 代码，这对于我们提高 WebAssembly 性能非常有帮助。

结语

Chrome 84 开发者工具的新特性非常丰富，这些新特性可以帮助我们更好的进行开发，相信在未来，Chrome 开发者工具将会变得更加强大，帮助我们更好的进行开发。