Как найти, какой JavaScript меняет стиль элемента?

У меня есть элемент, который получает стили, применяемые через JavaScript. Я точно не знаю, где; есть ли способ проверить Firebug, чтобы показать, откуда на самом деле происходит "element.style"?

Ответ 1

Если вы уверены, что он установлен на inline style, а не как следствие правила таблицы стилей, вы можете обнаружить изменения с помощью нестандартного Mozilla watch():

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

Вы можете поместить debugger; в функцию наблюдателя и посмотреть стек вызовов в Firebug, чтобы узнать, где было вызвано изменение.

Ответ 2

Вы также можете щелкнуть правой кнопкой мыши элемент на панели HTML до того, как будет установлен стиль, и выберите break on Attribute Change. Панель Script должна быть включена.

Ответ 3

По запросу этот вопрос:

Если у вас есть firefox, вы можете проверить параметр "Перерыв по изменению атрибута" на вкладке HTML. Просто щелкните правой кнопкой мыши на целевом элементе, и появится меню. После этого измените размер окна и он сломается в строке script, где изменяется атрибут.

Ответ 4

Вы можете открыть представление script и найти ".style" в окне поиска.

Ответ 5

Я думаю, что это инструмент по умолчанию для работы, хотя он имеет ограниченные возможности отладки: https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Также убедитесь, что Ad Blocker не несет ответственности.