获取动态加载的 HTML 内容的代码源(Chrome/Gmail)
我正在尝试访问 AJAX 动态加载内容的 HTML 代码源。我怎样才能做到呢? 例如,在 Gmail 上,我尝试访问给定电子邮件讨论内容(给定电子邮件讨论的不同条目)的 HTML 代码,仅当我单击主列表中的此电子邮件讨论行时才会加载该代码。我可以访问的代码源只是最初加载的页面之一(所有电子邮件讨论的列表)。有什么想法吗?
I am trying to access the HTML code source of AJAX dynamically loaded content. How could I do it?
For example on Gmail, I am trying to access the HTML code of a given email discussion's content (the different entries of a given email discussion) which is loaded only when I click on this email discussion's line in the main list. The code source I can access is only the one of the page initially loaded (the list of all email discussions). Any idea?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
右键单击页面并选择“检查元素”。当 JavaScript 对页面进行更改时,元素视图会更新,而“查看源代码”视图仅显示页面加载时的内容。
Right-click on the page and select "Inspect Element". The element view is updated when JavaScript makes changes to the page, whereas the "View Source" view only shows content from when the page was loaded.
如果您右键单击-> “查看源代码”,它将向您显示您所在页面的重新加载版本的内容。
在 Chrome 中使用“检查元素”(热键 CTRL+SHIFT+i)可以显示动态内容的来源。
If you right click -> "View Source", it will show you the contents of a reloaded version of the page you are on.
Using "Inspect element" (hotkey CTRL+SHIFT+i) in Chrome shows the source of the dynamic content.
我认为你想在使用 ajax 初始页面加载后加载的 dom 元素上绑定事件。如果是这样,那么您可以使用 jQuery 库,并且可以使用 jquery 的 live 方法。
这是 live 方法的链接,您可以检查一下。
http://api.jquery.com/live/
您需要什么
下载jquery最新库(http://docs.jquery.com/Downloading_jQuery)
然后将其包含在 head 内的脚本中
或者您可以使用 cdn
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
然后执行以下操作
<脚本>
$(文档).ready(function(){
$("#ajax_dom_element_id").live('click_or_any_event',function(){
你想要的代码片段
<代码>});
<代码>});
我认为这会很有帮助。
I think you want to bind event on the dom element that loaded after initial page load using ajax. If so then you can use jQuery library and you can use live method of jquery.
Here is a link for live method, you can check that.
http://api.jquery.com/live/
What you need
Download jquery latest library (http://docs.jquery.com/Downloading_jQuery)
and then include it in script within head
or you can use cdn
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
then do like following
<script>
$(document).ready(function(){
$("#ajax_dom_element_id").live('click_or_any_event',function(){
code snippet you wan dot
});
});
</script>
I think it will be helpfull.