资讯专栏INFORMATION COLUMN

如何浏览器里调试iframe里层的代码?

luffyZh / 3464人阅读

摘要:之前一直非常痛苦,在外层根本获取不了里面的信息,后来使用了用传递消息来实现,但是用起来还是非常不方便。其实浏览器本身是可以选择不同的的执行环境的。这个小技巧,对于调试非常有用,但是我直到今天才发现。其他浏览器其他浏览器可以自行摸索一下。。。

之前一直非常痛苦,在iframe外层根本获取不了里面的信息,后来使用了postMessage用传递消息来实现,但是用起来还是非常不方便。

其实浏览器本身是可以选择不同的iframe的执行环境的。例如有个变量是在iframe里面定义的,你只需要切换到这个iframe的执行环境,你就可以随意操作这个环境的任何变量了。

这个小技巧,对于调试非常有用,但是我直到今天才发现。

1 Chrome

这个小箭头可以让你选择不同的iframe的执行环境,可以切换到你的iframe环境里。

2 IE

如图所示是ie11的dev tool点击下来箭头,也可以选择不同的iframe执行环境。

3 其他浏览器

其他浏览器可以自行摸索一下。。。(G_H)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83132.html

相关文章

  • JS 中的事件冒泡与捕获

    摘要:在之前是只支持事件冒泡,包括之后和目前主流的浏览器都同时支持两种事件。中可以用来取消事件冒泡。 刚接触 JS 的那个时候,啥也不懂,只想着如何利用 Google、百度到的函数来解决实际的问题,不会想到去一探究竟。 渐渐的,对 JS 的语言的不断深入,有机会去了解一些原理性东西。最近在看 JQuery 源码,感触很多,总想着用原生的 JS 去实现自己的一个 JQuery 库。说实在的,J...

    Rindia 评论0 收藏0
  • 《Python web开发》笔记 一:网页开发基础

    摘要:网页基础知识网页的构成网页由和构成,是框架,是样式和装饰,则是各项功能实现。基础知识超文本标记语言,通过各种标签来表示网页的骨架。在同一窗口中打开。 网页基础知识 网页的构成 网页由html、css和Javascript构成,html是框架,CSS是样式和装饰,JS则是各项功能实现。我们把网页的组成类比成一栋房子,Html相当于房子的结构,CSS相当于房子的装修装饰,JavaScrip...

    3fuyu 评论0 收藏0
  • 《Python web开发》笔记 一:网页开发基础

    摘要:网页基础知识网页的构成网页由和构成,是框架,是样式和装饰,则是各项功能实现。基础知识超文本标记语言,通过各种标签来表示网页的骨架。在同一窗口中打开。 网页基础知识 网页的构成 网页由html、css和Javascript构成,html是框架,CSS是样式和装饰,JS则是各项功能实现。我们把网页的组成类比成一栋房子,Html相当于房子的结构,CSS相当于房子的装修装饰,JavaScrip...

    2shou 评论0 收藏0
  • 《Python web开发》笔记 一:网页开发基础

    摘要:网页基础知识网页的构成网页由和构成,是框架,是样式和装饰,则是各项功能实现。基础知识超文本标记语言,通过各种标签来表示网页的骨架。在同一窗口中打开。 网页基础知识 网页的构成 网页由html、css和Javascript构成,html是框架,CSS是样式和装饰,JS则是各项功能实现。我们把网页的组成类比成一栋房子,Html相当于房子的结构,CSS相当于房子的装修装饰,JavaScrip...

    gaomysion 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<