将文本从 javascript 注入到 html “查看源代码”答案

【问题标题】：inject text from javascript to html "View source"将文本从 javascript 注入到 html “查看源代码”
【发布时间】：2014-04-15 22:32:34
【问题描述】：

当我使用 JavaScript 更改文本时，文本不会出现在 HTML“查看源代码”中。是否可以将信息注入 HTML“查看源代码”。（当我写查看源代码时，我的意思是当您在浏览器中按下鼠标右键时，您可以查看从服务器返回的源代码）

【问题讨论】：

【解决方案1】：

查看源代码仅向您显示它从服务器响应中收到的 HTML。您的 JS 更改发生在之后。

Firebug 和 Chrome 的调试器会动态地向您显示源代码，因此您可以看到 DOM 和 HTML 已更改。但是查看源代码只会显示浏览器从服务器收到的内容。

【讨论】：

【解决方案2】：

嗯，

你说得对。当您“查看源代码”时，您会看到从服务器收到的内容，而您使用 javascript 动态添加的元素不存在。

如果您想查看稍后添加的元素，可以使用 Inspect 元素 (CTRL + SHIFT + I) 来实现，这将显示浏览器中显示的当前 html 结构。

【讨论】：

【解决方案3】：

当您在浏览器中“查看源代码”时，它会打开一个窗口并将源代码打印到当前页面。此文本是完全静态的，除了手动刷新外，不会改变其内容。

如果您希望正在查看的 HTML 源代码反映您对页面所做的更改，则需要使用浏览器开发工具。尝试右键单击->检查元素而不是右键单击->查看源代码

【讨论】：

【解决方案4】：

一些技巧：

在某些浏览器中Ctrl-A 选择整个呈现的页面内容并且，右键单击View Source 的选择，给出由生成的源渲染脚本。（通常<script> 元素消失并被替换由呈现的内容）
通过添加 view-source: 来扩充地址栏 URI 以获得原始来源。
使用菜单栏或右键单击View Source接口。

通过这些技术和 FF，可以在渲染年表中为“静态”页面获取不同的来源。

当自动化时，技术#1 很有趣……大致如下：

准码：

 setInterval ( write Date() to page, select all, write view source of selection to page )  every second

【讨论】：