找出哪些JavaScript設置了給定的CSS屬性

我正在調試一個複雜的前端HTML GUI，並且在某些時候，一些JavaScript爲一個元素添加了一個CSS屬性，該元素不應該在那裏。找出哪些JavaScript設置了給定的CSS屬性

我正在尋找一種方法來查看哪些JavaScript代碼（根據文件和行號）修改給定（在這種情況下爲style）屬性，以便我可以進一步調試它。

由於JS代碼是巨大的搜索代碼是不實際的。我需要一些方法來綁定屬性更改事件並查看誰更改了它們。

2017-01-02 Itay Grudev

您在每個JS文件的資源中搜索。 – aavrug

網站和/或源代碼？ –

@aavrug該文件長達數千行代碼，部分被混淆。搜索源是不實際的。我需要一些方法來綁定屬性更改並查看誰更改了它們。 –

右鍵單擊Chrome Devtools中的html元素=> Break on =>屬性修改。它使代碼停止在一個點，當CSS屬性被更改的JavaScript。如果它將停止在改變css的庫中，而不是使用Devtools的Sorces => Call Stack（在右側）來獲取調用庫來更改css的代碼片段。

來源

2017-01-02 10:49:40 Mifort

這很整齊。有沒有辦法在頁面重新加載之間保存這些內容？ –

我只能在JS的開頭添加一個斷點，以便在JS運行之前添加attr斷點。 –

找出哪些JavaScript設置了給定的CSS屬性

回答

相關問題