Обновления DOM не показаны в 'View Source', только в 'Inspect Element'

Question

Я просто написал простой скрипт, который изменяет alts в теге img. Но это не работает. Вот мой сценарий:

jQuery(document).ready(function($) { 
    var slowakluczowe = ['alt1', 'alt2', 'alt3']; 
    $("img").attr("alt", function() { 
     return slowakluczowe[Math.floor(Math.random() * slowakluczowe.length)]; 
    }); 
}); 

Сценарий принимает случайное alt и штырьки его к изображению, но это не очень хорошо работает. Он не меняет alt, когда я нажимаю «Просмотр источника», он работает только тогда, когда я нажимаю «Осмотреть элемент».

Смотрите здесь: http://prntscr.com/boo9jk

Он работает только с «Inspect Element» Как я могу сделать это также работать с «View Source»?

Answer 1

View source всегда отображает исходные данные, полученные с сервера. Это нельзя изменить с помощью JavaScript. Инспектор браузера показывает живое представление DOM, поэтому он будет обновлен JavaScript.

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

Инспектор - это более мощный инструмент, и именно тот, который вы должны использовать. Просмотр источника действительно полезен только тогда, когда вы специально хотите видеть данные в своей неподтвержденной форме, то есть перед тем, как запускается какой-либо JavaScript на странице.