如何在浏览器里调试iframe里面的代码（f12）

如何在浏览器里调试iframe里面的代码（f12）

有时网页中会内嵌一个iframe窗口，而调试iframe里面的代码就有些无从下手了，你会发现在加断点时根本找不到对应的iframe页面源代码，对iframe的js调试就无法进行，下面来介绍一下笔者自己摸索出的查找方法，来方便的查找相应的页面源代码。希望可以帮助到踩同一个坑的人~

这里提供两种方法，推荐方法二，简单快捷！

方法1：

解决方法只需两步即可

1.首先f12打开开发者工具，选中你要查看的iframe窗口，找到这个元素，然后查看iframe的跳转src地址，如图所示

要查找的iframe窗口

 选中窗口，找到对应的dom对象，获取iframe的src跳转地址。

2.然后在f12'网络'中找到这个请求地址，点击即可跳转到对应的iframe网页源代码页面

3. 最后就可以开始加入断点进行测试了，好了，今天对前端知识又多了一点了解了~~~

方法二：

在需要调试的js代码部分手动抛出一个异常

这样，在控制台点击异常就可以跳转到对应的js部分了！