转：各浏览器获取iframe内容方法以及调试结果

最新推荐文章于 2022-11-24 20:38:46 发布
最新推荐文章于 2022-11-24 20:38:46 发布
阅读量311 收藏
点赞数 1
分类专栏： web 文章标签： iframe 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zswfree/article/details/84128844
版权

转自：http://ouyo.info/show.php?pid=1838

iframe.contentWindow.document

     ->iframe.contentWindow.document.documentElement

          ->iframe.contentWindow.document.documentElement.textContent  (W3)

          ->iframe.contentWindow.document.documentElement.innerText   (IE)

     ->iframe.contentWindow.document.XMLDocument

          ->iframe.contentWindow.document.XMLDocument.text

 

 

 

 

contentWindow.document

>.documentElement

>>.textContent

>>.innerText

>.XMLDocument

>>.text

Trident

 

 

 

 

 

 

 

 

 

ie6

 

[object]

[object]

undefined

content

[object]

content

 

ie7

 

 

 

 

 

 

 

 

 

maxthon

[object]

[object]

undefined

content

[object]

content

 

 

360se

[object]

[object]

undefined

content

[object]

bug

 

 

原生

 

 

 

 

 

 

 

ie8

 

[object HTMLDocument]

[object HTMLHtmlElement]

undefined

content

[object]

content

 

ie9

 

[object Document]

[object Element]

content

undefined

undefined

×

gecko

 

 

[object XMLDocument]

[object Element]

content

undefined

undefined

×

webkit

 

 

 [object Document]

[object Element]

content

undefined

undefined

×

presto

 

 

[object XMLDocument]

[object Element]

content

undefined

undefined

×

 

 

 

 

 

 

 

 

 

飞天鼠
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用Chrome开发人员工具调试iframe
xfxf996的博客
08-14 2278
I'd like to use the Chrome developer console to look at variables and DOM elements in my app, but t
IFrame实现HTML代码调试效果
Quincylk的专栏
10-20 2493
在w3c school上学习HTML时，经常能看到提交HTML代码，右边窗口显示结果的页面。经调试相关页面，发现是用IFrame实现的。下面代码是一个简单的实现： IFrame实现HTML调试效果 function run(){ document.getElementById("iframe1").srcdoc = document.getElem
如何在浏览器里调试iframe里面的代码（f12）
hunt_er的博客
07-20 7842
如何在浏览器里调试iframe里面的代码（f12） 有时网页中会内嵌一个iframe窗口，而调试iframe里面的代码就有些无从下手了，你会发现在加断点时根本找不到对应的iframe页面源代码，对iframe的js调试就无法进行，下面来介绍一下笔者自己摸索出的查找方法，来方便的查找相应的页面源代码。希望可以帮助到踩同一个坑的人~ 1.首先f12打开开发者工具，选中你要查看的iframe窗口，找到这个元素，然后查看iframe的跳转src地址，如图所示 2.然后在f12'网络'中找到这个请求地址，.
Chrome和firefox如何在iframe内部进行console调试
xzq83328的博客
11-24 746
Chrome右键查看框架源代码，获取框架地址 firefox右键 此框架，新建标签打开框架 然后在打开框架的新标签页中调试。
如何浏览器里调试iframe里层的代码？
weixin_34146986的博客
05-22 2332
之前一直非常痛苦，在iframe外层根本获取不了里面的信息，后来使用了postMessage用传递消息来实现，但是用起来还是非常不方便。 其实浏览器本身是可以选择不同的iframe的执行环境的。例如有个变量是在iframe里面定义的，你只需要切换到这个iframe的执行环境，你就可以随意操作这个环境的任何变量了。 这个小技巧，对于调试非常...
firebug在console中使用cd(window)切换到iframe窗口
fgwvip123的专栏
06-21 1846
比如，http://reg.163.com/这个网址，我们要在console中切换到loginByAccount这个iframe进行调试，应该怎么做呢？ 幸好firebug提供了cd(window)这个功能，具体查看https://getfirebug.com/wiki/index.php/Cd 具体操作如下： 首先：切换到所在iframe： cd($$("#if-lg>i
PHP关于IE下的iframe跨域导致session丢失问题解决方法
12-19
标题中的问题涉及到的是PHP在Internet Explorer (IE) 浏览器下，特别是在使用iframe时，出现的...在开发过程中，对于兼容性问题，尤其是浏览器的差异性，需要进行充分的测试和调试，确保在多种环境下都能正常工作。
iframe根据页面内容自适应高度和宽度
09-03
1. **CSS属性**：`iframe`的`style`属性可以设置`height`和`width`为`auto`或`100%`，但这种方法通常不足以实现完全自适应，因为浏览器的安全策略会限制跨域访问内容的高度和宽度信息。 2. **JavaScript**：使用...
PHP在线调试执行的实现方法(附demo源码)
12-18
本文将详细介绍一种PHP在线调试执行的实现方法，通过提供的demo源码，你可以直接在浏览器中运行和测试PHP代码。 首先，我们来看一下`run.php`文件。这是一个HTML文件，包含一个表单和一个内联框架（iframe）。表单...
Python获取当前页面内所有链接的四种方法对比分析
09-21
本篇文章主要探讨了四种方法来实现这一目标，分别是：使用正则表达式(re模块)、BeautifulSoup解析器、lxml库的etree模块以及Selenium自动化浏览器。每种方法都有其特点和适用场景，下面将详细介绍这四种方法及其对比...
JS实现iframe自适应高度的方法示例
10-20
然而，由于浏览器的同源策略限制，`iframe` 内容的尺寸可能不会自动适应其实际内容的高度，导致滚动条的出现或者内容被截断。为了解决这个问题，开发者通常会采用 JavaScript 来动态调整 `iframe` 的高度，使其...
测试iframe全
05-18
测试iframe全
使用iframe的优缺点，为什么少用iframe以及iframe和frame的区别。
ajpr3120的博客
12-06 4154
注：HTML5不再支持使用frame，iframe只有src 属性一、使用iframe的优缺点优点:1.程序调入静态页面比较方便;2.页面和程序分离;缺点：1.iframe有不好之处：样式/脚本需要额外链入，会增加请求。另外用js防盗链只防得了小偷，防不了大盗。2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么你的网站即使做的在好,也排不...
Webkit学习 --- 解析HTML获取网页子资源流程
aaa550的专栏
09-10 1455
接上篇的加载主资源流程后，流程走到了DecodeDataDocument的appendBytes接口，在这个接口里，调用了传来的DocumentWrite的createDecodeIFneed接口，创建TextResourceDecode，参数为下载了的HTML文件的mimetype和setencode等进行设置，然后通过TextResourceDecode的decode接口进行HTML的解码工作
C#中webBrowser加载页面中的不同域的iFrame的源代码的取得
sgzwiz的专栏
03-12 992
CComPtr CTimerSerachDlg::HtmlWindowToHtmlWebBrowser(CComPtr spWindow) { ATLASSERT(spWindow != NULL); CComQIPtr spServiceProvider = spWindow; if (spServiceProvider == NULL)
获取iframe 内容
最新发布
06-03
获取 iframe 内容有两种方式： 1. 使用 JavaScript： ```javascript var iframe = document.getElementById('myIframe'); var innerDoc = iframe.contentDocument || iframe.contentWindow.document; var content = innerDoc.body.innerHTML; console.log(content); ``` 2. 使用 jQuery： ```javascript var content = $('#myIframe').contents().find('body').html(); console.log(content); ``` 其中，第一种方式可以获取任何 iframe 内容，而第二种方式只能获取同域的 iframe 内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值