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

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

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

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

1 Chrome

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

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

2 IE

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

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

3 其他浏览器

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

    原文作者:Carl
    原文地址: https://segmentfault.com/a/1190000009512353
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞