Webkit Javascript Console - Как его использовать?

Question

Я работаю над проектом, и в нем есть тонна js и т. Д. Я не писал это, я "забираю это".

Где-то есть фрагмент javascript, который добавляет top: -50px margin к элементу с идентификатором "footer"

Когда я просматриваю исходный код страницы (через инструменты разработчика), я могу щелкнуть правой кнопкой мыши по элементу и «сломать изменения атрибута»

Есть ли способ контролировать этот элемент, чтобы определить, какая строка js в файле js применяет к нему этот стиль?

Спасибо

Joel

Answer 1

Просто щелкните правой кнопкой мыши на элементе и выберите «нарушить модификацию атрибута», а затем, когда он изменится, скрипт сломается и покажет вам, на какой строке он разбился.Показывает, где находится JS, который изменил его.

Есть несколько замечательных ресурсов о том, как использовать консоль

Документация -

code.google.com / chrome / devtools/ docs

Видео -

code.google.com / chrome / devtools / docs / videos.html