如何通過jQuery腳本查看HTML發生的變化？

當AJAX/jQuery改變某些東西時，看到我的HTML發生變化的最佳方式是什麼？這個改變發生得太快（之後消失），我無法正確調試通過Firebug添加的HTML。如何通過jQuery腳本查看HTML發生的變化？

編輯：我沒有寫腳本本身，也沒有控制它。

來源

2012-12-27 Thierry Blancpain

注意：這是我的第一個stackoverflow問題。我無法通過Google或在這裏搜索找到解決方案，所以我很抱歉，如果這是非常明顯的。 –

如果插入警報則阻止執行。添加console.log以查看沒有提示的內容。檢查元素並添加一個斷點並執行以確實看到發生了什麼 – mplungjan

我應該注意到，我沒有編寫腳本，它是插入到頁面中的Drupal內部AJAX響應。將這個問題加入。 –

我不知道，這將幫助您或沒有，但你應該在FF &運行它使用FF插件如Firebug &了Venkman（JavaScript調試器）用於debbugging HTML & JS。

您將能夠看到Firebug中的HTML動態更改。

來源

2012-12-28 10:39:30 ba1ar

在Chrome開發人員工具中，您可以選擇DOM元素，並將DOM斷點Subtree modification。之後，如果某個腳本試圖改變它，那麼調試器將在代碼中斷開。不知道其他開發者工具。

來源

2012-12-28 10:42:54 Zergatul

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-28 10:43:18

如何通過jQuery腳本查看HTML發生的變化？

回答

相關問題