В консоли Google Chrome, как посмотреть, где и как изменяется тег?

Question

Я работаю над сайтом, основанным на Prestashop, и есть тег, классы которого меняются (с «col-md-12» на «col-md-6») при активации переключателя.

Я бы хотел иметь возможность увидеть, как и где это изменение сделано в коде javascript (я полагаю, что это должен быть Javascript, который вносит изменения).

Спасибо

Answer 1

1. Открыть инструменты разработчика Chrome (F12 в Windows / Linux, Command+Option+I в Mac).

2. Нажмите кнопку выбора элементов вверхулевый угол панели devtools.

Выбрав этот инструмент, найдите (на странице) и щелкните элемент, атрибут которого изменяется во время выполнения.Теперь тег должен быть выделен на панели devtools.Щелкните правой кнопкой мыши выделенный тег в devtools.

Во всплывающем меню наведите курсор мыши на Разбейте на и выберите Изменение атрибута .

Нажмите переключатель, который изменяет класс на col-md-6.

Обратите внимание, что это будет приостанавливать выполнение каждый раз, когда один из атрибутовизменено, что включает добавление / удаление атрибута или изменение их значений.