Новое в Javascript: как отлаживать изменения текста в тегах <input> и <div>

Я отлаживаю сложное веб-приложение, и большая часть моего опыта в OOP (например, Java), но не в JavaScript. Приложение сильно использует jQuery и имеет множество всплывающих диалоговых окон javascript и тому подобное.

У меня есть некоторые поля, а также некоторые поля на одной из страниц. Для некоторых из них данные не отображаются корректно из источника данных, в других - необработанные данные, но его необходимо отформатировать (т.е. Номер телефона отображается как 1234567890 вместо (123) 456-7890)

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

Я изучаю, как использовать отладчики JS в chrome, firefox и т.д. Я был оптимистом, когда обнаружил, что в некоторых из этих браузеров параметры устанавливают точку останова при изменении элемента DOM. К сожалению, в случае этих тегов ни одна из этих точек останова не срабатывает при изменении текста внутри. (Я установил все типы точек останова DOM, которые предлагали Chrome и FF, все равно не повезло).

Какие шаги предпримет профессиональный программист JavaScript, чтобы узнать, как изменяется текст в этих полях? Я буду повторять итерацию, они не будут выбраны с использованием строкового литерала или имени класса.