Firefox浏览器插件点击按钮无法打开邮件草稿，求排查问题

我试图在浏览器插件中创建一个反馈按钮，点击后打开指定收件人的邮件草稿，但目前点击按钮没有任何反应。使用的是Firefox 115.5.0esr（64位），已将插件精简到最简用于排查，相关代码如下：

manifest.json #

{
  "manifest_version": 2,
  "name": "My Email Extension",
  "version": "1.0",
  "description": "Generate email with a button click",
  "icons": {
    "48": "icon.png"
  },
  "permissions": [
    "tabs"
  ],
  "browser_action": {
    "default_icon": "icon.png",
    "default_title": "Generate Email",
    "default_popup": "popup.html"
  },
  "icons": {
    "48": "icon.png"
  }
}

popup.html #

<!DOCTYPE html>
<html>
<head>
  <title>My Email Extension</title>
  <script src="popup.js"></script>
</head>
<body>
  <button id="generateEmail">Generate Email</button>
</body>
</html>

popup.js #

document.getElementById('generateEmail').addEventListener('click', function() {
  var emailUrl = "mailto:feedback@my-email.com";

  chrome.tabs.create({ url: emailUrl });
});

核心问题 #

1. DOM加载顺序错误：popup.js放在<head>中，执行时<button>元素还未渲染，导致无法找到元素绑定点击事件。
2. Firefox对chrome.tabs.create处理mailto协议的限制：Firefox不支持通过tabs.create打开mailto链接，这类协议需要交给浏览器默认处理。

修复步骤 #

1. 调整脚本加载位置

将popup.js的引用移到<body>末尾，确保DOM元素加载完成后再执行脚本：

<!DOCTYPE html>
<html>
<head>
  <title>My Email Extension</title>
</head>
<body>
  <button id="generateEmail">Generate Email</button>
  <script src="popup.js"></script>
</body>
</html>

2. 替换chrome.tabs.create为window.open

直接使用window.open()触发浏览器默认处理mailto链接，打开邮件客户端草稿：

document.getElementById('generateEmail').addEventListener('click', function() {
  var emailUrl = "mailto:feedback@my-email.com";
  window.open(emailUrl);
});

3. 精简权限（可选）

由于不再使用tabsAPI，可从manifest.json中移除tabs权限：

{
  "manifest_version": 2,
  "name": "My Email Extension",
  "version": "1.0",
  "description": "Generate email with a button click",
  "icons": {
    "48": "icon.png"
  },
  "browser_action": {
    "default_icon": "icon.png",
    "default_title": "Generate Email",
    "default_popup": "popup.html"
  }
}

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