3
Firebug可能是最好的調試工具,使開發人員的生活變得輕鬆。但是我無法發現的一件事是,你如何找到改變CSS值的函數。在右側面板中,當你點擊任何CSS規則時,它將選擇左側的HTML節點,並且你知道這些值屬於這個HTML元素。如何在Firebug中找到哪些JavaScript函數改變了CSS?
有什麼辦法可以讓你找到哪個javascript函數修改了CSS。這在螢火蟲中顯示爲
element.style{
color:#898980;
top:78px;
bottom:121px;
}
我需要找到哪個JS函數改變了上述值,因爲它不在我的CSS中。
的一個高亮顯示在下面圖片
我建議使用斷點逐句通過JavaScript源。 – zzzzBov
在約20個js文件中有1000條JS線。需要知道在哪裏放置斷點。在沒有任何想法的情況下,很難在任何js文件上放置斷點,以致該特定的js文件將會改變CSS。 – Mike
對於Firefox,您可以使用Object.prototype.watch或突變觀察器來偵聽有問題的元素的樣式屬性更改,此時您可能會觸發希望提供的堆棧跟蹤對導致元素變化的一些見解。 – zzzzBov