Я только начал работать в существующем проекте WordPress, чтобы исправить некоторые проблемы, поэтому я сначала узнаю об этом проекте. Теперь я хочу точно знать, какой код javascript неожиданно меняет стиль элемента в коде HTML. Может, какой-нибудь плагин ... Мне нужно это выяснить!
На аналогичный вопрос кто-то ответил, что вы можете сделать это в Firefox, щелкнув правой кнопкой мыши элемент на «панели HTML», а затем выбрав опцию «Прерывание при изменении атрибута». Но я не вижу эту опцию, может это устаревшая функция ...
Итак, как я могу узнать, какой JavaScript изменяет стиль элемента?
обычно F12 открывает консоль разработчика, ищет вкладку, в которой говорится, что элементы определяют местонахождение HTML, и в источниках находит ваш JS и ставит на них точки останова, а затем в отладчике вы можете пройти через них.
@TheodoreHowell Если он не знает, где что-то меняется, как он узнает, где поставить точку останова?
@Barmar Я нажимаю на элемент на вкладке Firefox Inspector
Я только что пробовал, да и вообще такого варианта нет. Используйте Chrome.
@Barmar Я предполагал, что они будут знать, какой элемент неожиданно меняется, и они запускали блок кода, который его изменял. Между этим вы сможете определить, откуда исходит побочный эффект.
@TheodoreHowell Суть вопроса в том, что они не знают, какой блок кода его изменяет, они хотят, чтобы отладчик сообщил им об этом.
Я полагал, что они это сделают, поскольку они используют плагины, и я бы просто включил / отключил, чтобы найти критическое изменение, а затем установил точки останова в JS, связанные с плагином, вызывающим нежелательные изменения. Я полностью понимаю вашу точку зрения, вопрос был сформулирован странно для меня, и я не понял его правильно.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


В Chrome щелкните правой кнопкой мыши элемент в документе инспектора и выберите Break on > attribute modifications.
По сути, это то же самое, что, по его словам, он пытался.
Нет, он сказал, что ищет эту функцию и не может ее найти.
Если он не смог найти его, используя почти те же инструкции в другом вопросе, как это поможет?
Он использовал Firefox, это ответ для Chrome.
Да, похоже, что этот пункт меню отсутствует в FF.
Нет проблем, я только что установил Chrome, все работает. Спасибо!
Из этого связанного вопроса видно, что эта опция существует в Firebug, который больше не является продуктом, поскольку большинство функций существует в инструментах веб-разработчика.
Вы нажимаете на элемент на вкладке
Elementsконсоли или на элемент в окне вывода?