view souce vs firebug осмотреть элемент

Question

У меня есть сценарий, в котором я использую Httpclient, чтобы получить ответ HTML-кода страницы, такой же, как ViewSouce, который мы щелкаем правой кнопкой мыши и получаем. Есть определенные теги, которые имеют

<img alt="abc"  /> and other tags

<img alt="def" src="/images/xyz.jpg" /> 

Это теги, которые я вижу в View Source.

Однако, когда я использую элемент проверки firebug, я вижу действительный URL для каждого изображения. например выше

<img alt="abc"  /> 

выглядит как

<img alt="abc" src="/images/fgh.jpg" />

Что происходит? Я предполагаю, что источник просмотра получает код до того, как изображения загружаются, поэтому URL-адреса отсутствуют. Я знаю, что я неправ ... но я не знаю причину этого. Кто-нибудь может мне помочь. Я хочу получить URL для всех изображений, как я вижу, через элемент проверки firebug. Спасибо.

Answer 1

Просмотр источника показывает HTML-код, предоставленный веб-сервером, а инспектор Firebug показывает «источник» после визуализации браузером: это означает, что если что-то изменилось в клиенте (например, с помощью javascript), вы можете увидеть изменения через инспектор Firebug, но не через опцию «view-source».

Answer 2

xavivars прав, но я просто чувствовал, что есть лучший способ выразить это.

1. Просмотр источника - это ответ , видимый клиентом с сервера для текущей страницы. (В некоторых браузерах, таких как Chrome, я видел «view-source:», фактически перезагружая контент с сервера, кстати).
2. Firebug Inspector показывает текущую объектную модель документа (DOM) вашей страницы. Javascript может изменить что-то на вашей странице, добавить или удалить элементы, или что-то нет (То же самое касается плагинов или GreaseMonkey).