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

我试图访问AJAX动态加载的内容的HTML代码源。我怎么能这样做？例如，在Gmail上，我试图访问给定电子邮件讨论内容（特定电子邮件讨论的不同条目）的HTML代码，该代码仅在主列表中单击此电子邮件讨论的行时加载。我可以访问的代码源只是最初加载的页面之一（所有电子邮件讨论的列表）。任何想法？获取动态加载的HTML内容的代码源（Chrome/Gmail）

来源

2012-02-17 gwendall

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

来源

2012-02-17 19:07:25

注意：这是特定于Chrome的。 – egrunin 2012-02-17 19:21:28

问题标题说Chrome。 – ohaal 2012-02-17 19:23:40

这并不总是有效 - CSS检查器显示浏览器实际呈现的内容。有时候，你有一个错误（比如丢失/放错标签），浏览器会忽略这个错误，这会导致一些错误。这在来源中很明显，但在检查员中缺席。 – 2016-01-27 07:31:57

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

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

来源

2012-02-17 19:07:50 ohaal

在最近的IE版本中：点击F12。 – egrunin 2012-02-17 19:22:27

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

这里是一个活方法的链接，你可以检查。

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>

我认为这将是有益的。

来源

2012-02-17 19:24:28

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

回答

相关问题