如何通过jQuery脚本查看我的HTML发生的变化？

Question

使用AJAX / jQuery更改某些内容时，查看我的HTML发生的更改的最佳方法是什么？对于我来说，更改发生得太快（之后就会消失），以便正确调试通过Firebug添加的HTML。

编辑：我没有编写脚本本身，也无法控制它。

Answer 1

我不确定这会对您有所帮助，但您应该在FF＆amp;使用像Firebug＆amp; amp;用于debbugging HTML＆amp;的Venkman（Javascript Debugger） JS。

您将能够在Firebug中看到HTML动态更改。

Answer 2

在Chrome开发者工具中，您可以选择DOM-element，并放置DOM-breakpoint Subtree modification。之后，如果某个脚本尝试更改它，调试器将在此时在代码中中断。不了解其他开发人员工具。

Answer 3

console.log('usual info log');
console.warn('warning will show exclam. mark in FF or yellow color text in Opera');
console.error('you will definitely recognize it from all the rest');

如果您计划使用日志查看工作流程，这些函数可以帮助您区分运行时期间发生的情况。

关于结构更改，如上所述，您可以使用断点来查看DOM。