访问google.co.in时console统计div数量返回undefined的技术咨询

这问题我之前排查类似场景时碰到过，核心原因大概率是Google页面的iframe隔离上下文在搞鬼，咱们一步步捋清楚：

• 检查控制台的执行上下文：Google搜索页会把不同功能模块拆分成多个iframe（比如搜索框、广告区域、结果列表），默认打开控制台时，它可能自动切换到了某个子iframe的上下文里。你可以看控制台左上角的下拉框（通常显示当前执行的上下文，比如某个子域名的iframe），切换到top或者www.google.co.in的主页面上下文，再执行代码。

• 确保代码正确执行：你需要用标准的DOM查询语句，比如：

  document.querySelectorAll('div').length
  

  或者

  document.getElementsByTagName('div').length
  

  要是直接输入div当然会返回undefined，但你说其他网站正常，所以这个可能性不大，主要还是上下文的问题。

• 为什么其他网站能正常运行？：大多数普通网站不会用这么多隔离的iframe，控制台默认就处于主页面的全局上下文，所以代码能直接查询到整个页面的div元素。

要是切换上下文后还是不行，你可以试试刷新页面后立刻切换到主上下文再执行代码，避免动态加载的iframe干扰。

内容的提问来源于stack exchange，提问作者Shalabh Negi