Как просмотреть страницу источника VS проверить?

Question

Я использовал jQuery в веб-форме asp.net:

<script>
    $(document).ready(function () {
        $('#MainContent').css('background-color', 'green')
    });
</script>

Когда я использовал функцию «Проверка» в Chrome, я вижу встроенный стиль CSS, но если вы использовали «просмотр источника страницы»встроенного стиля нет, так в чем же разница между просмотром исходного кода и проверкой?

Answer 1

Просмотр страницы источника покажет HTML-файл FILE / REQUEST (не изменен JS).Функция «Inspect» показывает DOM TREE (на основе html-файла) после выполнения JS.

Answer 2

«View Source Source» покажет вам только тот HTML, который ваш браузер получил в ответ от сервера.

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

Answer 3

«Просмотр исходного кода страницы» покажет вам необработанный HTML-документ , как он был отправлен вам сервером (разумеется, после распаковки), до запуска любых сценариев.Если вы откроете инструменты разработчика и откроете вкладку «Сеть», ответ документа должен совпадать с текстом «Источник страницы».

«Проверка» покажет вам документ в том виде, в котором он в настоящее время включая все изменения, которые скрипты могли внести в него.