Firefox посмотреть исходный код

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

Это для автоматизированного сценария, над которым я работаю.

Мне интересно несколько вещей:

  1. Почему плагин Firefox может распознавать элементы, которые Firefox не может?
  2. Есть ли способ передать исходный код из движка Firebug в Firefox или любой другой жизнеспособный обходной путь, который позволил бы Firefox распознавать все элементы на странице?

Я предполагаю, что эти «скрытые» элементы были созданы javascript после загрузки страницы, но я не совсем уверен.


javascript dom firefox firebug
person Andrew    schedule 13.12.2009    source источник
comment
Спасибо за все ответы! Рад видеть, что я был на правильном пути. Итак, мой следующий вопрос будет... Есть ли способ передать dom в реальном времени в Firefox? (Не так, чтобы я это видел, но чтобы firefox распознал его). По сути, я пытаюсь динамически получить доступ к полю выбора по его идентификатору. Поскольку это поле выбора было создано динамически, Firefox и, соответственно, процесс, который я использую для доступа к текстовому полю (iMacros), не распознает это поле.   -  person Andrew    schedule 13.12.2009

Ответы (6)


arrow_upward
11
arrow_downward

Я бы сказал, что Firebug отображает то, что находится в DOM (то есть то, что находится на странице в тот момент, когда вы ее просматриваете), в то время как View Source отображает источник, который был получен с сервера < em>(т.е. что находится на странице в первый момент ее отображения).

Если вы хотите увидеть «источник» из DOM, возможно, расширение панели инструментов веб-разработчика может помочь: насколько я помню, он предоставляет опцию «просмотреть сгенерированный источник».

person Pascal MARTIN    schedule 13.12.2009
comment
Вы также можете нажать Ctrl+A, щелкнуть правой кнопкой мыши и выбрать «Просмотр источника выбора». Смотрите мой ответ. - person SLaks; 13.12.2009

arrow_upward
2
arrow_downward

Для №2

Откройте любую страницу и нажмите Ctrl+A или выберите все, затем щелкните правой кнопкой мыши, выберите Просмотр источника выбора. Вы должны увидеть все узлы html, как вы видите в Firebug.

person YOU    schedule 13.12.2009

arrow_upward
1
arrow_downward

Ваша догадка верна. «Просмотреть источник» точно показывает, что сервер передал клиенту. Firebug показывает вам «рендеринг исходного кода», который принимает текущее состояние DOM и отображает его обратно в HTML-представление, которое может выглядеть или не очень похоже на реальный написанный HTML-код.

person David Hedlund    schedule 13.12.2009

arrow_upward
0
arrow_downward

Ваш вопрос не ясен.

Команда «Просмотреть исходный код» отображает необработанный HTML-код, загруженный с сервера.

Вкладка HTML в Firebug показывает элементы, которые в данный момент находятся на странице.
Любые изменения, сделанные с помощью Javascript, будут отображаться в Firebug (что обеспечивает просмотр в реальном времени), но не в View Source. (Потому что их не было в HTML, скачанном с сервера)

Команда Firefox View Selection Source, которая появляется только тогда, когда выделен какой-либо текст, показывает живой источник из DOM и должна показывать именно то, что вы видите в Firebug. (За исключением того, что он не будет обновляться после того, как вы щелкнете по нему, поэтому, если DOM снова изменится, вам нужно будет щелкнуть его еще раз, чтобы увидеть изменение)
Чтобы увидеть исходный код для всей страницы, вы можете нажать Ctrl+ A, затем щелкните правой кнопкой мыши и выберите «Просмотр источника выбора».

Если это не ответ на ваш вопрос, пожалуйста, уточните.

person SLaks    schedule 13.12.2009

arrow_upward
0
arrow_downward

Firefox показывает исходный код в том виде, в каком он поступает с сервера, любые изменения в нем с помощью JavaScript не будут отображаться. Firebug отслеживает изменения в документе и обновляет исходный код.

person Tatu Ulmanen    schedule 13.12.2009

arrow_upward
0
arrow_downward

Выполнение Ctrl-U или View | Источник просто предоставит вам статический документ HTML, который будет возвращен сервером.

То, на что вы, вероятно, захотите взглянуть — и то, что вы видите в Firebug — это визуализированный DOM. Если вы установите надстройку Firefox, такую ​​как Web Developer, вы сможете просматривать визуализированный DOM, то есть HTML, динамически отображаемый в javascript, и фактический документ, отображаемый в браузере.

person Richard H    schedule 13.12.2009