能否通过Chrome扩展调用App Script获取Google Docs光标位置？

原方案可行性分析 #

你当前的方案无法实现获取光标位置，原因是：
Google Apps Script通过DocumentApp.openById()打开的是文档的服务器端副本，它只能访问文档的静态内容，完全不知道用户浏览器中正在编辑的实时会话状态——光标/选区是用户本地浏览器的交互数据，服务器端的文档实例根本无法获取这些信息，所以getCursor()和getSelection()必然返回null。

可行的替代方案：Chrome扩展内容脚本直接获取 #

要获取Google Docs的光标位置，必须通过Chrome扩展的**内容脚本（Content Script）**直接在用户打开的Docs页面内操作，因为内容脚本可以访问页面的DOM和Google Docs暴露的内部编辑器API。

具体实现步骤 #

1. 配置扩展清单（manifest.json）
   声明内容脚本，指定匹配Google Docs的URL：

   {
     "manifest_version": 3,
     "name": "Docs光标定位工具",
     "version": "1.0",
     "content_scripts": [
       {
         "matches": ["https://docs.google.com/document/d/*"],
         "js": ["content.js"],
         "run_at": "document_idle"
       }
     ],
     "background": {
       "service_worker": "background.js"
     },
     "permissions": ["activeTab"]
   }
   

2. 编写内容脚本（content.js）
   等待Docs编辑器加载完成后，调用内部API获取光标/选区位置：

   // 等待Google Docs编辑器初始化完成
   function waitForEditorReady() {
     return new Promise(resolve => {
       const check = () => {
         if (window.google?.docs?.editor?.getDocumentEditor) {
           resolve();
         } else {
           setTimeout(check, 100);
         }
       };
       check();
     });
   }
   
   // 获取光标或选区起始位置
   async function getCursorInfo() {
     await waitForEditorReady();
     const editor = window.google.docs.editor.getDocumentEditor();
     const selection = editor.getSelectionManager().getSelection();
   
     if (!selection) return { position: -1 };
   
     const range = selection.getRangeAt(0);
     // 获取段落ID和偏移量
     const paragraph = range.startContainer.parentElement.closest('.docs-paragraph');
     return {
       paragraphId: paragraph?.getAttribute('data-paragraph-id'),
       offset: range.startOffset,
       position: range.startOffset
     };
   }
   
   // 接收后台脚本的请求并返回数据
   chrome.runtime.onMessage.addListener((req, sender, sendRes) => {
     if (req.action === 'getCursor') {
       getCursorInfo().then(sendRes);
       return true; // 允许异步响应
     }
   });
   

3. 后台脚本（background.js）
   触发获取请求并处理返回的光标数据：

   // 示例：点击扩展图标时获取光标位置
   chrome.action.onClicked.addListener(async (tab) => {
     if (tab.url.startsWith('https://docs.google.com/document/')) {
       const cursorData = await chrome.tabs.sendMessage(tab.id, { action: 'getCursor' });
       console.log('光标数据:', cursorData);
       // 这里可以进一步处理数据（比如发送到你的服务）
     }
   });
   

注意事项 #

Google Docs的内部API没有公开文档，可能会随版本更新变化。如果上述代码失效，可以通过Chrome DevTools的控制台探索window.google.docs下的对象，找到最新的选区管理相关方法。

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