开发者

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

My team has an existing web app, which is using some Dojo code but isn't fully "Dojo-ified" -- no custom widgets, and our AJAX calls tend to fully refresh the content pane with completely regenerated HTML, rather than just getting JSON data and updating the DOM in-place.

As part of a POC effort, a few of my teammates and I have refactored a part of our code to be "fully Dojo" -- XHR calls invoke RESTful services that return JSON, and everything is run through custom templated Dojo widgets we've created.

We need to measure the impact of this change in multiple ways -- improvements in request / response times, page load timings, and client-side effects such as differences in memory usage.

I'm trying to find some browser tools to measure the size of the generated DOM for each code base, so we can verify we're not massively increasing the memory footprint by going "full Dojo" or otherwise potentially impacting client-side performance. I found a couple of postings related to this ( Tools to measure we开发者_运维知识库bsite size and Tool to measure all (js)objects in a webpage), but they both suggested the use of Chrome's tools and nothing else.

Are there any tools for the other major browsers (Firefox, IE 7/8, and Safari)? Or is Chrome the only one that has such a tool?


IE8+ profiler

Firefox profiler

Safari profiler

Fiddler: http://www.fiddler2.com/fiddler2/

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜