获取动态加载的HTML内容的代码源（Chrome / Gmail）

Question

我正在尝试访问AJAX动态加载内容的HTML代码源。我怎么能这样做？ 例如，在Gmail上，我正在尝试访问给定电子邮件讨论内容的HTML代码（给定电子邮件讨论的不同条目），只有在我点击此电子邮件讨论时才会加载主要清单。我可以访问的代码源只是最初加载的页面之一（所有电子邮件讨论的列表）。有什么想法吗？

Answer 1

右键单击页面并选择“Inspect Element”。当JavaScript对页面进行更改时，元素视图会更新，而“查看源”视图仅显示页面加载时的内容。

Answer 2

如果您右键单击 - ＆gt; “查看源代码”，它会显示您所在页面的重新加载版本的内容。

在Chrome中使用“Inspect element”（热键CTRL + SHIFT + i）显示动态内容的来源。

Answer 3

我认为你想在使用ajax初始页面加载后加载的dom元素上绑定事件。如果是这样，那么你可以使用jQuery库，你可以使用jquery的live方法。

这是live方法的链接，你可以检查一下。

http://api.jquery.com/live/

你需要什么 下载jquery最新库（http://docs.jquery.com/Downloading_jQuery） 然后将其包含在头部的脚本中 或者您可以使用cdn http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

然后做如下         <script>          $(document).ready(function(){            $("#ajax_dom_element_id").live('click_or_any_event',function(){              code snippet you wan dot             });        });        </script>

我认为这会有所帮助。