Chromium中getElementsByClassName等方法需点击DOM才返回结果问题咨询

根据你描述的测试情况，这大概率是Chromium 66版本与Google Docs动态DOM机制兼容的缺陷，具体分析如下：

• Google Docs的DOM架构非常特殊，它依赖大量动态渲染逻辑（比如内容块延迟加载、按需渲染），甚至用到了类似Shadow DOM的隔离机制。不同浏览器对这类复杂动态DOM的解析和事件触发时机处理存在差异。
• 你已经通过无扩展访客模式排除了第三方干扰，且问题仅出现在Chromium 66中，Firefox和Opera完全正常——这种浏览器特定版本的一致性问题，基本可以锁定是浏览器引擎的兼容性bug。
• 点击DOM后才能返回结果的现象，推测是Chromium 66没有正确监听Google Docs内部的渲染完成事件，导致初始状态下目标元素并未被注册到可查询的DOM树中；而点击动作触发了Docs内部的渲染回调，才让元素被选择器成功捕获。

验证与临时解决建议 #

1. 升级Chromium版本：Chromium 66是2018年的老旧版本，后续迭代中大概率已经修复了这类DOM查询的兼容性问题，建议更新到最新稳定版再测试。
2. 调整查询时机：如果必须在旧版本中处理，可以尝试两种方式：
   • 等待DOMContentLoaded事件完成后再执行查询：

     document.addEventListener('DOMContentLoaded', () => {
       // 在这里执行getElementsByClassName或querySelector操作
     });
     

   • 使用MutationObserver监听目标元素所在区域的DOM变化，当元素出现时再进行后续操作。

内容的提问来源于stack exchange，提问作者Vitaly Zdanevich