最新的dom源代码

时间:2011-11-10 18:20:52

标签: javascript jquery html dom firebug

我正在使用一些javascript做一个网页,我在dom中更改了几个元素。 无论如何,我无法使用chrome或firefox(和firebug)来查看最新的dom源代码(当然浏览器中的渲染很好)。

也就是说,如果我使用javascript在我的页面中添加一些内容(让我们说一个列表),我可以看到列表出现在我的浏览器中,而不是源代码中的任何工具。

有没有工具可以做到这一点?

我错过了什么吗?

感谢。

3 个答案:

答案 0 :(得分:1)

在Firefox中,您可以添加Web Developer Extension:http://chrispederick.com/work/web-developer/

在其中,有一个View Generated Source动作。它允许您通过Javascript添加DOM后查看源代码。

虽然,您应该能够查看Firebug和Chrome控制台中的更改

答案 1 :(得分:1)

我认为这是有道理的。 JavaScript添加的HTML在查看源代码时不一定会显示,但Firebug和Chrome的开发人员工具等开发人员工具应该允许您查看它。

如果您担心由于搜索引擎优化问题而无法显示,则添加JS不是添加内容的方式,因为搜索引擎机器人不会看到JS生成的内容。

答案 2 :(得分:0)

执行视图源时,您看不到更新的DOM。你可以用firebug这样的工具看到更新的DOM,你尝试过firebug吗?它是一个firefox加载项..