Firefox扩展开发：实现自动检测选中文本弹窗功能

嘿，我来帮你搞定这个问题！你现在的问题根源在于用错了脚本类型——background脚本是跑在扩展自己的独立后台环境里，根本碰不到网页的window和document对象，当然没法获取网页里用户选中的文本啦。

Content Scripts会直接注入到你指定的网页中，和网页共享DOM上下文，这才是能获取网页选中文本的正确方式。

1. 修改manifest.json配置 #

把原来的background配置替换成content_scripts，同时调整权限：

{
  "manifest_version": 2,
  "name": "Test",
  "version": "1.0",
  "description": "Show selected text in alert",
  "homepage_url": "",
  "icons": { "48": "icons/beasts-48.png" },
  "content_scripts": [
    {
      "matches": ["<all_urls>"], // 匹配所有网页，也可以改成特定域名比如"https://*.example.com/*"
      "js": ["getMarkedText.js"],
      "run_at": "document_idle" // 网页加载完成后再注入脚本
    }
  ],
  "permissions": ["<all_urls>"] // 需要访问目标网页的权限
}

2. 升级getMarkedText.js脚本 #

现在需要添加选中文本变化的监听事件，让脚本自动响应用户的选中文本操作：

function getMarkedText() {
  let selectedText = '';
  // 兼容不同浏览器的选中文本获取方式
  if (window.getSelection) {
    selectedText = window.getSelection().toString();
  } else if (document.getSelection) {
    selectedText = document.getSelection().toString();
  } else if (document.selection) {
    selectedText = document.selection.createRange().text;
  }

  // 只有选中内容不为空时才弹出提示，避免空内容频繁弹窗
  if (selectedText.trim() !== '') {
    alert(selectedText);
  }
}

// 监听选中文本变化事件，用户选中文本时自动触发函数
document.addEventListener('selectionchange', getMarkedText);

补充说明：为什么之前的方法无效？ #

• Background脚本的运行环境和网页完全隔离，它只能访问扩展自身的API，无法直接操作网页的DOM元素或window对象。
• activeTab权限只是允许你临时访问用户当前激活的标签页，但需要用户手动触发（比如点击扩展按钮），无法自动注入到所有标签页中。

这样修改后，你的扩展就会自动在每个加载的网页中注入脚本，用户选中文本时就会弹出提示显示选中内容啦！

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