如何查看JavaScript呈现的源代码？

我试图通过查看页面源代码来查看由HTML页面上的JavaScript片段创建的HTML。我不想使用任何附加程序。这可以通过编程实现吗？

只需查看DOM中任何对象的

innerHTML

。

不可以。您需要一个监视DOM更改的工具。浏览器只会显示不受JavaScript或任何其他客户端编程影响的标记

---

使用WebKit的Web Inspector或其他类似工具。

在大多数浏览器中按F12键以打开开发人员工具

---

搜索您选择的浏览器的各种开发工具的教程。

在firefox中，按ctrl/command-a选择全部，右键单击并执行“查看选择源”。这将显示页面当前的DOM，而不仅仅是从HTML和JS开始的任何内容。

这是我最喜欢的IE（版本10）解决方案：

1） 按F12键启动开发人员工具
2） 单击“控制台”选项卡
3） 在底部的提示中，输入：

document.body.innerHTML

现在，它应该在当前窗口中显示动态的、当前的、生成的html。（要查看html标题部分，您可以将“body”一词替换为“head”。

要使用Mac上的Safari 13（2019）执行此操作：

确保已启用“开发”菜单（首选项>高级>在菜单栏中显示开发人员菜单）

从“开发”菜单中选择“显示Web检查器”。 第一次执行此操作时，通常会选择“资源”选项，显示未呈现的HTML源

将水平菜单上的选择更改为“图元”

展开DOM树（带圆圈的三角形），直到到达JavaScript实例，您将看到它的未渲染和渲染版本，如下面的示例所示（一个特定于一个月中某一天的链接）

---

不需要插件或附加软件（还有其他一些不错的工具）。

我迟到了8年，但我做了一个Chrome扩展来实现这一点：

---

它显示原始HTML和呈现的DOM，并比较两者之间的差异。

使用Firebug。这正是您所需要的。

javascript:alert（document.innerHTML）？：）您是否尝试过Chrome->右键单击->检查元素？如果不是在Firefox中，请使用Chrome/Safari的开发工具或IE的开发人员控制台（F12）。右键单击并检查元素。我忘记了如何执行此操作，四年后发现了自己的解决方案。所以我决定更新Safari最新版本的说明。