如何在浏览器里调试iframe里面的代码(f12)

时间:2024-03-21 17:25:30

如何在浏览器里调试iframe里面的代码(f12)

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

 

解决方法只需两步即可

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

如何在浏览器里调试iframe里面的代码(f12)

要查找的iframe窗口

如何在浏览器里调试iframe里面的代码(f12)

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

 

 

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

如何在浏览器里调试iframe里面的代码(f12)

 

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