如何查看后台加载的 jQuery Mobile？

Posted 2023-05-09

【中文标题】如何查看后台加载的 jQuery Mobile？

【英文标题】：How do I see what jQuery Mobile loaded in the background?

【发布时间】：2011-11-22 04:04:05

【问题描述】：

使用 jQuery Mobile，我看到了当单击链接并提供相关页面时它如何添加到现有 DOM。然后，当准备好时，它会切换到新的data-role="page"。但是，当我在浏览器（Google Chrome 或 Mozilla Firefox）中执行“查看源代码”时，我会看到交付时的原始页面，而没有稍后加载的其他内容（DOM 注入）。我怎样才能看到浏览器真正拥有的东西（渲染后的 html）？如果它碰巧是一个 javascript 解决方案，请不要以为我知道把它放在哪里以及如何触发它来显示内容。

【问题讨论】：

Chrome 中的“查看源代码”功能返回没有 Javascript 解析的 HTML，因此在 Javascript 中完成的任何 DOM 注入都不会显示！

必须使用开发者工具 - Firebug for firefox 或 Chrome 的原生开发工具。检查元素，它将显示渲染后的 HTML。

迈克，这对我来说看起来很回答。 Wrench > Tools > Developer Tools 将是查看“实时”DOM 的一种方式。

【参考方案1】：

在 Chrome 中：Wrench > Tools > Developer Tools 将是查看“实时”DOM 的一种方式。