Firefox / IE 测量网页 DOM 的工具?

发布于 2024-12-05 17:49:04 字数 734 浏览 1 评论 0原文

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

作为 POC 工作的一部分,我和我的一些队友将部分代码重构为“完全 Dojo”——XHR 调用调用返回 JSON 的 RESTful 服务,并且所有内容都通过我们已经定制的模板化 Dojo 小部件运行。创建的。

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

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

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

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 website 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?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文