DOM 更新未显示在“查看源代码”中，仅显示在“检查元素”中 [重复]答案

【问题标题】：DOM updates not shown in 'View Source', only in 'Inspect Element' [duplicate]DOM 更新未显示在“查看源代码”中，仅显示在“检查元素”中 [重复]
【发布时间】：2016-07-04 22:58:12
【问题描述】：

我刚刚编写了一个简单的脚本，其中一个更改了 img 标签中的 alts。但它不起作用。这是我的脚本：

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

它只适用于“检查元素”我怎样才能让它也适用于“查看源代码”？

【问题讨论】：

“查看源代码”的内容永远不会更新 - 它是页面的来源，因为它是从服务器下载的。您只能在 DOM Inspector 工具中查看 DOM 的实时更新。您的代码运行良好。
见这里 - stackoverflow.com/questions/9654737/…
我完全不明白为什么您需要更新的代码才能在 VIEW SOURCE 中工作

标签： javascript jquery image alt

【解决方案1】：

查看源始终显示从服务器接收到的原始数据。这不能用 JavaScript 改变。浏览器检查器显示 DOM 的实时表示，因此它将由 JavaScript 更新。

单击“查看源代码”时更改数据的唯一方法是将一些数据发送到服务器，在那里进行更改，然后通过任何方法刷新页面。我不明白你为什么需要这样做。也许您真正想要做的是让用户编辑内容，然后所有人都可以查看。在这种情况下，您需要将信息发送到服务器，存储在数据库中，然后在向用户展示页面时使用此信息。

检查器是更强大的工具，它是您应该使用的工具。仅当您特别想以纯粹的形式查看数据时，即在页面上的任何 JavaScript 运行之前，查看源代码才真正有用。

【讨论】：