#javascript #jquery #html #dom #firebug
#javascript #jquery #HTML #dom #firebug
Вопрос:
Я создаю веб-страницу с некоторым количеством javascript и меняю несколько элементов в dom. В любом случае я не могу ни в Chrome, ни в Firefox (и firebug) видеть обновленный исходный код dom (конечно, рендеринг в браузере в порядке).
А именно, если я добавляю некоторые данные на свою страницу (скажем, список) с помощью javascript, я могу видеть список, появляющийся в моем браузере, но не в исходном коде ни с одним из имеющихся у меня инструментов.
Есть ли какой-либо инструмент для этого?
Я что-то упускаю?
Спасибо.
Комментарии:
1. В Chrome, я полагаю, вы хотите «Проверить элемент», а не «Просмотреть исходный код»
2. должно быть нормально в firebug. Попробуйте использовать «проверить элемент», щелкните в новом элементе, и он должен показать вам, что
3. Элемент inspect непосредственно на странице, а не в представлении DOM, решил проблему. Спасибо @mwilson
Ответ №1:
В Firefox вы можете добавить расширение для веб-разработчика:http://chrispederick.com/work/web-developer /
В нем есть действие View, созданное исходным кодом. Это позволяет вам видеть исходный код после добавления DOM с помощью Javascript.
Хотя вы должны иметь возможность просматривать изменения в Firebug и консолях Chrome
Комментарии:
1. Где вы его находите, я искал в Google и не смог его найти.
2. Я связал это в своем ответе. Я подозреваю, что вы уже видели это.
Ответ №2:
Я думаю, что это имеет смысл. HTML, добавленный JavaScript, не обязательно будет отображаться при просмотре исходного кода, но инструменты разработчика, такие как Firebug и Chrome Developer Tools, должны позволить вам увидеть это.
Если вы беспокоитесь о том, что он не отображается из-за проблем с поисковой оптимизацией, добавление JS — это не способ добавления контента, поскольку боты поисковых систем не увидят контент, сгенерированный JS.
Комментарии:
1. Конечно, я знаю о работе поисковой системы, спасибо за ваш ответ
Ответ №3:
Когда вы выполняете просмотр исходного кода, вы не видите обновленный DOM. вы можете увидеть обновленный DOM с помощью таких инструментов, как firebug, вы пробовали firebug? это надстройка для Firefox..
Комментарии:
1. вы ничего не делаете, он автоматически обновляется при запуске firebug… если вы хотите просмотреть HTML-код ваших новых созданных элементов, вы можете щелкнуть правой кнопкой мыши и выбрать проверить элемент..