当我使用 JavaScript 更改文本时,文本不会出现在 HTML "查看源代码"中。是否可以将信息注入 HTML"查看源代码"。(当我写查看源代码时,我的意思是当您在浏览器中按鼠标右键时,您可以查看从服务器返回的源代码)
View Source 仅显示它从服务器响应中收到的 HTML。 您的 JS 更改会在之后发生。
Firebug 和 Chrome 的调试器会动态显示源代码,因此您可以看到 DOM 和 HTML 已更改。 但是视图源代码只会显示浏览器从服务器接收的内容。
嗯,
你说得对。当您"查看源代码"时,您会看到从服务器接收的内容,并且您使用javascript动态添加的元素不存在。
如果你想查看你以后添加的元素,你可以使用检查元素(CTRL + SHIFT + I)来执行此操作,这将显示浏览器中显示的当前html结构。
当您在浏览器中"查看源代码"时,它会打开一个窗口并将源代码打印到当前页面。此文本是完全静态的,除了手动刷新之外,不会更改其内容。
如果您希望您正在查看的 HTML 源代码反映您对页面所做的更改,则需要使用浏览器开发工具。尝试右键单击>检查元素而不是右键单击>查看源
一些技巧:
-
在某些浏览器中,
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