Chrome扩展在Mac/Windows获取Google Docs选中文本失效问题咨询

问题场景 #

在Chrome 105.0.5195.102版本中，使用以下代码获取Google Docs选中文本时，仅Ubuntu系统能正常返回内容，Mac和Windows系统返回空字符串：

const iframe = document.querySelector(".docs-texteventtarget-iframe")
const selectedText = iframe.contentDocument.getSelection().toString()
console.log(selectedText)

差异原因 #

• Google Docs的内部DOM结构和渲染逻辑会针对不同操作系统做适配，docs-texteventtarget-iframe作为非公开的内部元素，其内容同步机制在跨系统环境中存在未对齐的实现差异
• 在Mac/Windows的Chrome 105版本中，该iframe的选中内容同步存在延迟，或仅在特定交互触发后才会更新；而Ubuntu版本的Chrome中，iframe会实时同步当前选中的文本内容
• 这类未公开的内部元素本身没有统一的行为规范，Google Docs团队不会保证其在所有环境下的表现一致，仅作为内部渲染的临时载体

稳定解决方案 #

官方API方式（推荐） #

使用Google Docs官方提供的Apps Script API获取选中文本，这是受支持的稳定方案，示例代码如下：

function getSelectedText() {
  const selection = DocumentApp.getActiveDocument().getSelection();
  if (!selection) return '';
  
  let selectedContent = '';
  const selectedElements = selection.getSelectedElements();
  
  selectedElements.forEach(element => {
    if (element.isPartial()) {
      const textElement = element.getElement().asText();
      const start = element.getStartOffset();
      const end = element.getEndOffsetInclusive();
      selectedContent += textElement.getText().substring(start, end + 1);
    } else {
      selectedContent += element.getElement().getText();
    }
  });
  
  return selectedContent;
}

浏览器扩展适配方式 #

如果是在浏览器扩展中实现，可以监听document的selectionchange事件，结合Google Docs内部的文本事件机制捕获选中内容，避免依赖不稳定的内部DOM元素。

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