Chrome不会显示通过Ajax添加的源代码

Question

我正在使用Google Chrome来测试我的Web应用程序。使用Control-U，您可以看到页面的源代码。

但是它不显示由ajax添加的html / css或由jQuery创建的html / css。我怎样才能确保看到所有源代码？

Answer 1

您可以使用开发人员工具查看创建的来源。

1. 在Windows上按Ctrl + Shift + J，
2. 点击元素标签，然后有。

你也可以做其他一些事情。

Answer 2

尝试使用javascript检查器，类似于firefox中的firebug等工具。您可以右键单击元素并选择“检查元素”以在该元素上打开它。它应该显示已经存在的内容以及通过ajax添加的内容。

Answer 3

您可以使用XMLSerializer序列化文档（Firefox，Chrome和Opera可能是IE（无法测试））

请参阅此Fiddle

Answer 4

View Source在Chrome中的工作方式与在其他浏览器中的工作方式相同 - 选择后，它会重新下载页面并显示生成的HTML，而不是显示用于当前页面的HTML。