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

Firefox / IE tools for measuring the DOM of a web page?

本文关键字:IE 工具 Firefox 测量 网页 DOM 用于      更新时间:2023-09-26

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

作为POC工作的一部分,我和我的一些队友重构了一部分代码,使其成为"完全Dojo"——XHR调用调用返回JSON的RESTful服务,并且所有内容都通过我们创建的自定义模板Dojo小部件运行。

我们需要以多种方式衡量此更改的影响——请求/响应时间、页面加载时间和客户端影响(如内存使用差异)方面的改进。

我试图找到一些浏览器工具来测量每个代码库生成的DOM的大小,这样我们就可以验证我们不会通过"完全Dojo"来大量增加内存占用,或者以其他方式潜在地影响客户端性能。我发现了一些与此相关的帖子(测量网站大小的工具和测量网页中所有(js)对象的工具),但它们都建议使用Chrome的工具,而不是其他工具。

是否有其他主流浏览器(Firefox, IE 7/8和Safari)的工具?还是只有Chrome有这样的工具?

IE8+ profiler

Firefox分析器

Safari分析器

提琴手:http://www.fiddler2.com/fiddler2/