我可以使用哪些基于浏览器的工具来检查JavaScript代码的效率和内存使用情况？

我目前正在阅读Nicholas C.Zakas的《高性能JavaScript》，他在书中说：

比较这两段代码表明，使用选择器API是可行的 跨浏览器的速度提高2到6倍（图3-6）

我要找的是一个基于浏览器的工具，它可以让我捕获和测量给定JavaScript片段的性能，并将其与另一个使用不同方法的脚本进行比较（例如，使用选择器API vs

getElementsByTagName

）。

---

我用过Chrome和Firebug，但它们都没有给我他在这里所做的那种比较。我是否错误地使用了这些工具，或者是否有一个我不熟悉的新工具应该使用？

Chrome开发者工具是一个不错的选择。有三个很棒的特性

时间线。这将在时间轴图上显示任何正在执行的javascript的呈现时间

堆快照。这家伙会拍下你当前的JS的快照，包括你所有的链。它还显示了每个元素占用的内存量——提供了一种查找代码所在位置的好方法

CPU配置文件。显示一个函数消耗了多少CPU使用量，这对于找到优化的位置和引入web工作者也很有用

---

如果您使用Chrome beta频道，请查看Speed Tracer扩展（由谷歌提供）。这基本上是一个增强的时间表。如果你是jQuery的人，测试版也有CSS选择器评测。我还没有使用它，所以我不能谈论它的用途。

最流行的方法就是使用免费的在线服务

或者来自github

---

与手动测试相比，它有一个很大的优势：它使用一个Java小程序来访问纳秒计时器，而JS计时器（日期对象）只能解析为毫秒

chrome具有

时间线

。点击

内存

或

时间线（事件）

，点击下面的记录按钮（圆圈），让JS运行。你可以看到计时，以及内存使用。问题到底是什么？这些图表与内存使用和压力测试有什么关系？@Pumbaa80问题是：为了提高性能，我可以使用哪些基于浏览器的工具来跟踪JavaScript代码的性能？我还没有找到一个工具可以轻松地比较两种方法对同一问题的性能（例如，使用选择器api vs

getElementsByTagName

）。我继续编辑了这个问题，以澄清我到底在寻找什么。