Firefox工具，用于查找AJAX响应前后HTML的差异

Question

我想检查一个使用 AJAX 请求的页面，以便对 HTML 进行一些细微的更改。源代码是巨大的，AJAX响应不是JSON/XML，而是1000行JavaScript代码，它操纵DOM。

有Firediff，但它似乎只适用于过时的Firebug版本。还有哪些其他工具可供我检查 AJAX 调用前后 HTML 代码的差异？

Answer 1

您可以做的是复制修改前后的 HTML 并比较结果。

要复制 HTML，请执行以下操作：

• 转到"元素"选项卡，
• 右键单击body标签并选择"复制"，
• 帕斯结果在安全的地方。
• 修改后重复。

要比较收集的结果，您可以使用在线工具 diffchecker.com 或控制台工具diff(linux/OS X(。

---

或者，您可以使用像 DOMListener 这样的扩展，它在控制台中列出所有 DOM 更改。