当前位置:

首页 > 软件教程 > 为什么Google Chrome的检查元素功能无法定位到Iframe内部?

为什么Google Chrome的检查元素功能无法定位到Iframe内部?

当你在Chrome开发者工具中用小箭头点击页面上的某个按钮或输入框,却始终无法高亮到它——明明这个元素就在眼前,但就是点不到——不用怀疑,大概率是它藏在了iframe里。Chrome默认只在顶层文档中搜索元素,根本不会自动钻进嵌套的iframe内部去翻找。这个坑,几乎每个前端和自动化测试人员都踩过。

当你在Chrome开发者工具中用小箭头点击页面上的某个按钮或输入框,却始终无法高亮到它——明明这个元素就在眼前,但就是点不到——不用怀疑,大概率是它藏在了iframe里。Chrome默认只在顶层文档中搜索元素,根本不会自动钻进嵌套的iframe内部去翻找。这个坑,几乎每个前端和自动化测试人员都踩过。

确认目标元素是否在iframe中

怎么快速判断?右键点击疑似目标区域,选择“检查”,在Elements面板顶部观察当前高亮的节点层级。如果最外层不是,而是