让 jQuery 更改的代码可见答案

【问题标题】：Make code changed by jQuery visible让 jQuery 更改的代码可见
【发布时间】：2011-10-19 04:34:15
【问题描述】：

如何使 jQuery (JavaScript) 生成或更改的代码可见？在浏览器（例如 Firefox）中显示纯代码仅显示元素在被 jQuery/JavaScript 更改和操作之前。

是否有工具（用于 Firefox？）可以使实时代码可见？

【问题讨论】：

【解决方案1】：

你在使用 Firebug 吗？这将允许您在 HTML 被操作后查看它

【讨论】：

【解决方案2】：

使用对象检查器，这样您就可以看到实时 DOM，例如 Firebug 或内置的 Chrome 或 Safari 检查器。在任何这些工具中，您只需右键单击网页中的一个对象并选择“检查元素”，整个实时 DOM 层次结构就会在一个窗口中打开，供您检查此时网页中的真实内容。

这是我在实时 StackOverflow 页面中右键单击对象时在 Chrome 中的样子：

【讨论】：

【解决方案3】：

您可以使用 firebug 来满足您的需求，甚至更多

【讨论】：

【解决方案4】：

如果您通过 javascript 函数调用显示初始代码，则只需在更新后再次调用该函数即可。

【讨论】：

【解决方案5】：

除了使用 Firebug 或其他一些插件外，在 Firefox 中您可以突出显示文本，右键单击并选择“显示源代码”。

【讨论】：