При анализе веб-страницы я обычно открываю эти файлы js один за другим, а затем читаю исходный код, чтобы определить, какой файл добавил определенную часть html на конечной отображаемой странице. Есть ли простой способ/инструмент для решения этой проблемы?
Нет, нет такого инструмента. Типичным методом является понимание кода самостоятельно или поиск определенных ключевых фраз в HTML, который вы пытаетесь использовать (например, имя класса или имя тега или фрагмент текста).
Он может работать для grep для общих способов изменения DOM (свойства .innerHTML
, .appendChild()
, .insertBefore
и т.д., Если это простой javascript) или аналогичные методы в любой библиотеке.
Частично вы можете использовать Firebug в Mozilla и, просматривая вкладку HTML, щелкните правой кнопкой мыши теги и отметьте "break on child add/removal". А затем перезагрузите страницу. Выполнение Javascript приостанавливается при любой смене DOM внутри выбранного элемента.