javascript - 用于测量网页 DOM 的 Firefox/IE 工具?

标签 javascript performance dom dojo

我的团队有一个现有的网络应用程序,它使用了一些 Dojo 代码但没有完全“Dojo 化”——没有自定义小部件,我们的 AJAX 调用倾向于使用完全重新生成的 HTML 来完全刷新内容 Pane ,而不是而不仅仅是获取 JSON 数据并就地更新 DOM。

作为 POC 工作的一部分,我和我的一些队友将我们的部分代码重构为“完全 Dojo”——XHR 调用调用返回 JSON 的 RESTful 服务,一切都通过自定义模板化 Dojo 小部件运行我们创造了。

我们需要以多种方式衡量这一变化的影响——请求/响应时间、页面加载时间的改进,以及内存使用差异等客户端影响。

我正在尝试找到一些浏览器工具来测量每个代码库生成的 DOM 的大小,因此我们可以验证我们不会通过“完整的 Dojo”或其他可能影响客户端的方式大量增加内存占用 -侧面表现。我发现了一些与此相关的帖子(Tools to measure website sizeTool to measure all (js)objects in a webpage),但他们都建议使用 Chrome 的工具,而不是其他任何东西。

是否有适用于其他主要浏览器(Firefox、IE 7/8 和 Safari)的工具?还是只有 Chrome 有这样的工具?

最佳答案

关于javascript - 用于测量网页 DOM 的 Firefox/IE 工具?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7472940/

相关文章:

javascript - '类型错误 : undefined is not a function' using Protractor

c# - c#/perfmon 中的自定义性能计数器

c# - 与 SMSS 相比,从 ADO.NET 执行具有相同查询计划的相同查询需要大约 10 倍的时间

javascript - 为什么一个简单的 React 组件会渲染两次?

javascript - 如何隐藏和显示 map 在 angular 1.x 中使用 angularjs-google-maps

java - 与 Scala/Akka Actor 相比,Java 线程有多重?

javascript - 删除使用 javascript 创建的 html 节点

javascript - 创建元素后向 DOM 元素添加值

javascript - 使用 Angular 指令向 DOM 添加可切换按钮

javascript - 使用 Javascript 用户输入修改 CSS