当前位置:

首页 > 为什么谷歌浏览器的开发者工具无法捕获到iframe内部的网络请求?

为什么谷歌浏览器的开发者工具无法捕获到iframe内部的网络请求?

从谷歌浏览器94版本起,跨域iframe默认隐藏网络请求,需在开发者工具设置中开启追踪,或右键点击iframe选择“检查”打开独立开发者工具查看。动态创建的iframe必须正确插入DOM并设置src,避免放在display:none容器中,否则加载失败。

调试iframe相关的网络请求,有时候真能让人抓狂。你明明在Chrome开发者工具的Network面板里刷新了页面,可就是看不到iframe里发出来的AJAX请求或者加载的资源记录。别急着怀疑工具坏了——问题往往不是工具失效,而是iframe的内容根本没有被主动纳入主页面的网络监控范围,尤其是遇到跨域iframe或者动态加载的iframe时。

确认iframe是否真的加载成功

第一步,先打开Elements面板,展开