2013-11-23 64 views
3

Firebug可能是最好的調試工具,使開發人員的生活變得輕鬆。但是我無法發現的一件事是,你如何找到改變CSS值的函數。在右側面板中,當你點擊任何CSS規則時,它將選擇左側的HTML節點,並且你知道這些值屬於這個HTML元素。如何在Firebug中找到哪些JavaScript函數改變了CSS?

有什麼辦法可以讓你找到哪個javascript函數修改了CSS。這在螢火蟲中顯示爲

element.style{ 
    color:#898980; 
    top:78px; 
    bottom:121px; 

} 

我需要找到哪個JS函數改變了上述值,因爲它不在我的CSS中。

的一個高亮顯示在下面圖片

enter image description here

+0

我建議使用斷點逐句通過JavaScript源。 – zzzzBov

+0

在約20個js文件中有1000條JS線。需要知道在哪裏放置斷點。在沒有任何想法的情況下,很難在任何js文件上放置斷點,以致該特定的js文件將會改變CSS。 – Mike

+3

對於Firefox,您可以使用Object.prototype.watch或突變觀察器來偵聽有問題的元素的樣式屬性更改,此時您可能會觸發希望提供的堆棧跟蹤對導致元素變化的一些見解。 – zzzzBov

回答

相關問題