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

Question

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

Answer 1

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

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

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

Answer 2

Вы также можете щелкнуть правой кнопкой мыши элемент на панели HTML, прежде чем стиль будет установлен, и выбрать разрыв при изменении атрибута. Панель сценариев должна быть включена.

Answer 3

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

Если у вас есть Firefox, вы можете выбрать опцию «Break on Attribute Change» на вкладке HTML. Просто щелкните правой кнопкой мыши на целевом элементе, и появится меню. После этого измените размер окна, и оно будет разбито в строке скрипта, где атрибут изменен.

Answer 4

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

Кроме того, убедитесь, что Ad Blocker не несет ответственности.

Answer 5

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