3

What is the best way to see the changes happening to my HTML while something is changed with AJAX / jQuery? The change happens too quickly (and disappears afterwards) for me to properly debug the HTML added through Firebug.

Edit: I did not write the script itself and have no control over it either.

4

3 回答 3

2

我不确定这是否会对您有所帮助，但您应该在 FF 中运行它并使用 Firebug 和 Venkman（Javascript 调试器）等 FF 插件来调试 HTML 和 JS。

您将能够在 Firebug 中看到 HTML 的动态变化。

于 2012-12-28T10:39:30.390 回答
1

在 Chrome 开发者工具中，你可以选择 DOM-element，并放置 DOM-breakpoint Subtree modification。之后，如果某些脚本尝试更改它，调试器将在代码中的这一点中断。不知道其他开发工具。

于 2012-12-28T10:42:54.853 回答
1 
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。

于 2012-12-28T10:43:18.283 回答