在Chrome中使用javascript后，查看HTML源代码更改

Question

我有一个带有内联javascript的HTML文档，它添加了一些<div>元素。 元素出现在屏幕上，但在添加元素后，我看不到HTML源代码中的任何更改。 我使用最新版本的chrome，我做“查看” - >“页面源”。

看到HTML中的变化真的有助于调试！

Answer 1

右键单击元素并选择“inspect element”

Answer 2

使用Firefox时使用firebug
对于Chrome，内置工具（使用Ctrl + Shift + I）

Answer 3

使用Firefox，安装web开发人员并选择“查看源代码”=>“查看生成的源代码”

Answer 4

我相当肯定使用“查看” - >“开发人员” - >“开发者工具”将允许您查看所做的更改。