Комплексная справка по отладке Ajax

Question

Как мне узнать, где (номер строки или местоположение) фрагмент javascript изменяет определенный фрагмент контента в html?

Вот суть вопроса:

Представьте себе 3 Div.Каждый получает свой контент через ajax при загрузке страницы.Каждый из div получает свой собственный html, javascript и jquery.Содержимое одного из элементов div изменяется после его загрузки с помощью кода, который не является частью кода этого элемента div.(Один из других div-ов вносит изменения.) Мне нужно найти код, который вносит изменения.(На самом деле я работаю с 12-ю divами ... но я использовал 3 только для того, чтобы сделать пример ...)

Обычно я просто запускаю firebug и наблюдаю за выполнением кода ... но так как это всединамически загружается, у меня возникают проблемы с поиском ГДЕ это происходит.Я выполнил простой поиск идентификаторов и участвующих классов, но пока не нашел конфликтующих моментов.Будем благодарны за любые идеи, помощь или учебники.

Answer 1

Если вы используете Chrome, вы можете проверить соответствующий DIV (щелкните правой кнопкой мыши, выберите «осмотреть элемент»), а затем щелкните правой кнопкой мыши элемент в дереве источников элементов и выберите «Разбить на изменения поддерева» или «Разорвать».on Attributes Modification ".

Это приведет к точке останова, когда произойдут изменения, и вы сможете проверить стек вызовов, чтобы найти вызывающий вызов.