如何查找哪個JavaScript正在更改元素的樣式？

Question

我有一個通過JavaScript獲取樣式的元素。我不確定在哪裏;有沒有辦法檢查Firebug以顯示「element.style」實際來自哪裏？

Answer 1

您可以打開腳本視圖並在搜索框中搜索「.style」。

Answer 2

如果你確定它被設置在直列style，而不是作爲一個樣式規則的結果，你可以使用非標準的Mozilla watch()方法檢測的變化：

document.body.style.watch('color', function(name, v0, v1) { 
    alert(name+': '+v0+'->'+v1); 
}); 
document.body.style.color= 'red'; 

你可以把debugger;在監視器函數中查找Firebug中的調用堆棧以查看更改被觸發的位置。

Answer 3

在樣式設置之前，您還可以右鍵單擊HTML面板中的元素，並在屬性更改上選擇中斷。腳本面板必須啓用。

Answer 4

根據要求從this question：

如果你使用Firefox，你可以檢查HTML標籤中的「打破屬性更改」選項。只需右鍵單擊目標元素並彈出菜單。之後，調整窗口大小，並在屬性更改的腳本行中中斷。