Как можно просмотреть изменения в инспекторе DOM в Chrome?

Question

Я думаю, что видел, что Chrome сделал это раньше, или, может быть, я отключил настройки. В Firefox с установленным Firebug инспектор DOM заставит меня увидеть, какие изменения произошли в скриптах, манипулирующих HTML [путем выделения строки (строк) желтым цветом). Есть ли вариант, который заставил бы меня увидеть, какие изменения в DOM в Chrome?

PS Ну, мне нравится использовать Chrome для быстрой разработки с нуля, а позже использовать любые другие браузеры, такие как Firefox. А также, я хотел бы видеть изменения, произошедшие в плагине jQuery inview https://github.com/protonet/jquery.inview и демо здесь http://jsbin.com/ugupa

Answer 1

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

Answer 2

Нажатие F12 в Chrome открывает инструменты разработчика.

На вкладке Элементы отображаются все HTML-элементы на странице. А с помощью значка увеличительного стекла в нижнем меню вы можете выбрать элемент на отображаемой странице и просмотреть HTML-код позади него.

Что касается просмотра того, что произошло в jQuery: если под этим вы подразумеваете, что хотите видеть полученный html после запуска вашего кода jQuery, вы также можете увидеть это на вкладке Элементы. Если вы хотите отладить код jQuery, вы можете сделать это, используя вкладку Sources, найти скрипт, который вы хотите отладить, и добавить несколько точек останова.