调试 iframe 相关的网络请求，有时确实令人头疼。明明在 Chrome 开发者工具的 Network 面板中刷新了页面，却依然看不到 iframe 内发起的 AJAX 请求或加载的资源记录。先别急着认为工具出了问题——问题通常不在于工具失效，而是 iframe 的内容并未被主动纳入主页面的网络监视范围，特别是在遇到跨域 iframe 或动态加载的 iframe 时更为明显。
确认 iframe 是否真的加载成功
首先，打开 Elements 面板，展开
Chrome开发者工具无法捕获iframe网络请求的原因
从谷歌浏览器94版本起，跨域iframe默认隐藏网络请求，需在开发者工具设置中开启追踪，或右键点击iframe选择“检查”打开独立开发者工具查看。动态创建的iframe必须正确插入DOM并设置src，避免放在display:none容器中，否则加载失败。