view-source - 将文本从 javascript 注入到 html “查看源代码”

Question

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

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

出色地，

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

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

一些技巧：

在某些浏览器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

4 回答 4