在jQuery修改后如何查看HTML Dom？

Question

我在IE中使用DebugBar来查看DOM。但是在用jQuery修改DOM之后，我无法使用DebugBar看到新的或修改过的DOM。如何查看修改后的DOM？

Answer 1

不确定IE，但Firebug的Firefox扩展名允许您查看更改，甚至以真正用户友好的方式显示。即使您必须在IE中进行测试，当您在开发代码时真正需要此功能时，也可以随时切换到使用Firefox。

搜索我也发现了IE7的这条信息：

  

IE7Pro只需右键单击并选择“查看”   生成源。

Answer 2

IE Team博客上列出的选项很少。

http://blogs.msdn.com/ie/archive/2005/05/10/416156.aspx

Answer 3

我发现在刷新或重新加载DOM后，我可以使用DebugBar和MS Internet Explorer Developer Toolbar查看修改后的DOM

Answer 4

您可以使用IE“开发人员工具”，默认情况下在IE8中可用（F12即可启动），并可通过Microsoft从IE7下载获得。在开发人员工具窗口中，按下刷新后，您将在HTML选项卡中看到DOM的内存中版本。