Любой способ точно посмотреть, что происходит в HTML через Firebug с динамическими обновлениями полей ввода?

Question

Я использую JavaScript для настройки переключателей. Я добавил метки для каждой из кнопок, и когда я щелкаю метки, кажется, что они корректно обновляют выбранную радиостанцию, но не когда я щелкаю графику радиокнопки. (изменяется только положение фона)

Есть ли в любом случае, я могу сделать это, чтобы я мог видеть изменения, когда каждый из элементов ввода переключателя в firebug при нажатии на них?

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

Answer 1

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

Также, если вы выберете вкладку «Сценарий», вы сможете найти свой javascript и установить точки останова, чтобы позволить вам пройти по сценарию и отладить любые проблемы, которые могут возникнуть.

Answer 2

Когда вы меняете DOM через Javascript, вы меняете версию в памяти. Источник DOM никогда не изменяется вашим Javascript.

См .: Firefox Live DOM .