Chrome扩展弹窗关闭时如何向后台发送含文本域内容与原标签页URL的消息

• Chrome popup 的生命周期约束：只要popup触发blur（点击外部区域、切换标签、按下ESC关闭），渲染进程会在几十毫秒内被完全销毁，所有未执行完成的异步API回调会被直接中断，没有执行机会。你在onblur里嵌套调用chrome.tabs.query的写法，刚好踩中这个约束：回调还没返回结果，popup已经被销毁，自然发不出消息。
• 之前把标签查询移到background的方案失效，是因为查询动作发生在popup关闭的瞬间，此时用户切标签的动作已经完成，background拿到的是切换后的新标签URL，不是popup唤起时绑定的旧标签。
• 附带的语法错误：原代码构造消息对象时，两个属性之间误用了分号，写成{msg: text; url: currentTab}，这是JS语法错误，就算异步回调能执行，这行代码也会直接抛错中断，根本执行不到sendMessage。

核心逻辑：绝不在popup关闭的流程里执行标签页查询的异步操作，从根源上避开执行被中断、切页查错的问题。

推荐实现：popup初始化阶段预先缓存绑定标签URL #

popup被用户点击唤起的瞬间，和当前激活标签的绑定关系就已经固定了，这个阶段查询标签拿到的结果100%是目标值，不会出现切页后的偏差。
实现逻辑：

1. popup页面刚加载完成时，立刻执行一次chrome.tabs.query，把查到的绑定标签URL存在全局变量中
2. onblur触发时直接读取已经缓存好的URL发消息，全程没有异步等待，就算popup立刻被销毁，消息也能正常发出
   对应代码：

// 全局缓存popup绑定的目标标签页URL
let boundTabUrl = '';

// popup刚加载就查询，此时的激活标签就是popup绑定的目标标签
document.addEventListener('DOMContentLoaded', () => {
  chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
    boundTabUrl = tabs[0].url;
  });
});

// 失焦触发关闭时，直接读缓存值同步发消息
window.onblur = () => {
  const text = document.getElementById('txtarea').value;
  chrome.runtime.sendMessage({
    msg: text,
    url: boundTabUrl
  });
};

方案优势：

• 查询发生在popup刚唤起的时刻，此时用户还没执行切标签、关popup的操作，拿到的URL完全匹配“popup最初打开时绑定的目标标签”的需求
• 关闭流程的发送逻辑全是同步操作，不存在异步等待被中断的问题
• 完全绕开了在background查询时，因切页导致结果不准的坑

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