Chrome开发者工具无法高亮页面元素时，大概率因其位于iframe内；需通过右键检查、Ctrl+F搜索或Console切换iframe上下文（如frames[0].document或DevTools下拉菜单）才能定位和操作，Selenium中须先switch_to.frame再操作，完成后必须switch_to.default_content。
当你在Chrome开发者工具中用检查元素小箭头点击页面，却始终无法高亮到某个按钮或输入框，而该元素明明在页面上可见——大概率是因为它藏在iframe里，Chrome默认只在顶层文档中搜索，根本不会自动钻进嵌套的iframe内部。
确认目标元素是否在iframe中
右键点击疑似目标区域 → 选择“检查” → 在Elements面板顶部观察当前高亮的节点层级。如果最外层不是，而是
按Ctrl+F打开搜索框 → 输入目标元素的id或class名（如“login-form”）→ 若搜索结果为0，且页面明显存在该元素，基本可断定它不在主文档中。
【关键前提】必须先手动切换到对应iframe的上下文，否则所有document.querySelector()、getElementById()等操作都只作用于顶层文档，永远返回null。
在控制台中切换到iframe执行JS
方法一：通过iframe的id或name直接切入
在Console中输入：document.getElementById('mainFrame').contentWindow.document → 回车 → 将返回的document对象赋值给变量（如doc），后续所有查询都用doc.querySelector()代替document.querySelector()。
方法二：用frames集合快速定位
输入frames查看所有iframe窗口 → 若目标iframe是页面第一个iframe，直接用frames[0].document；若含多个，结合frames[i].name或frames[i].location.href确认后取用。
方法三：Chrome DevTools内置切换（最直观）
打开Console → 左上角下拉菜单 → 点击“top”右侧的小三角 → 从列表中选择目标iframe的name或src域名 → 此时Console的执行环境自动切换，输入document.getElementById('submit-btn')就能直接命中。
自动化脚本中正确处理iframe（Selenium为例）
第一步：先定位iframe元素本身
若iframe有稳定id（如id="login-iframe"），直接调用driver.switch_to.frame("login-iframe")；若id动态变化，改用XPath：driver.find_element(By.XPATH, "//iframe[contains(@src, 'auth')]")。
第二步：在iframe内操作目标元素
执行driver.find_element(By.ID, "username").send_keys("test") —— 此时已处于iframe上下文，无需再加前缀。
第三步：操作完成后切回主文档
调用driver.switch_to.default_content()，否则后续对主页面元素的任何操作都会失败。
【致命错误】切进iframe后忘记切出，会导致后续所有定位全部报错NoSuchElementException——因为脚本仍在iframe文档里找主页面的元素。
