我正在調試一個複雜的前端HTML GUI,並且在某些時候,一些JavaScript爲一個元素添加了一個CSS屬性,該元素不應該在那裏。找出哪些JavaScript設置了給定的CSS屬性
我正在尋找一種方法來查看哪些JavaScript代碼(根據文件和行號)修改給定(在這種情況下爲style
)屬性,以便我可以進一步調試它。
由於JS代碼是巨大的搜索代碼是不實際的。我需要一些方法來綁定屬性更改事件並查看誰更改了它們。
我正在調試一個複雜的前端HTML GUI,並且在某些時候,一些JavaScript爲一個元素添加了一個CSS屬性,該元素不應該在那裏。找出哪些JavaScript設置了給定的CSS屬性
我正在尋找一種方法來查看哪些JavaScript代碼(根據文件和行號)修改給定(在這種情況下爲style
)屬性,以便我可以進一步調試它。
由於JS代碼是巨大的搜索代碼是不實際的。我需要一些方法來綁定屬性更改事件並查看誰更改了它們。
右鍵單擊Chrome Devtools中的html元素=> Break on =>屬性修改。它使代碼停止在一個點,當CSS屬性被更改的JavaScript。如果它將停止在改變css的庫中,而不是使用Devtools的Sorces => Call Stack(在右側)來獲取調用庫來更改css的代碼片段。
這很整齊。有沒有辦法在頁面重新加載之間保存這些內容? –
我只能在JS的開頭添加一個斷點,以便在JS運行之前添加attr斷點。 –
您在每個JS文件的資源中搜索。 – aavrug
網站和/或源代碼? –
@aavrug該文件長達數千行代碼,部分被混淆。搜索源是不實際的。我需要一些方法來綁定屬性更改並查看誰更改了它們。 –