我正在尝试根据所选内容在 Chrome 上下文菜单上创建条目。我在 Stackoverflow 上发现了几个关于此的问题，对于所有这些问题，答案是：使用带有“mousedown”侦听器的内容脚本来查看当前选择并创建上下文菜单。

我实现了这个，但它并不总是有效。有时所有的日志消息都说上下文菜单按照我的意愿进行了修改，但出现的上下文菜单没有更新。

基于此，我怀疑这是一种竞争条件：有时 chrome 会在代码完全运行之前开始呈现上下文菜单。

我尝试向“contextmenu”和“mouseup”添加一个事件监听器。当用户用鼠标选择文本时，后者会触发，因此它会在上下文菜单出现之前（甚至几秒钟）改变它。即使使用这种技术，我仍然看到同样的错误发生！

这种情况在 Chrome 22.0.1229.94 (Mac) 中经常发生，偶尔在 Chromium 20.0.1132.47 (linux) 中发生，并且在 Windows (Chrome 22.0.1229.94) 上尝试 2 分钟后没有发生。

究竟发生了什么？我该如何解决？还有其他解决方法吗？

这是我的代码的简化版本（不是那么简单，因为我保留了日志消息）：

清单.json：

{
  "name": "Test",
  "version": "0.1",
  "permissions": ["contextMenus"],
  "content_scripts": [{
    "matches": ["http://*/*", "https://*/*"],
    "js": ["content_script.js"]
  }],
  "background": {
    "scripts": ["background.js"]
  },
  "manifest_version": 2
}

content_script.js

function loadContextMenu() {
  var selection = window.getSelection().toString().trim();
  chrome.extension.sendMessage({request: 'loadContextMenu', selection: selection}, function (response) {
    console.log('sendMessage callback');
  });
}

document.addEventListener('mousedown', function(event){
  if (event.button == 2) {
    loadContextMenu();
  }
}, true);

背景.js

function SelectionType(str) {
  if (str.match("^[0-9]+$"))
    return "number";
  else if (str.match("^[a-z]+$"))
    return "lowercase string";
  else
    return "other";
}

chrome.extension.onMessage.addListener(function(msg, sender, sendResponse) {
  console.log("msg.request = " + msg.request);
  if (msg.request == "loadContextMenu") {
    var type = SelectionType(msg.selection);
    console.log("selection = " + msg.selection + ", type = " + type);
    if (type == "number" || type == "lowercase string") {
      console.log("Creating context menu with title = " + type);
      chrome.contextMenus.removeAll(function() {
        console.log("contextMenus.removeAll callback");
        chrome.contextMenus.create(
            {"title": type,
             "contexts": ["selection"],
             "onclick": function(info, tab) {alert(1);}},
            function() {
                console.log("ContextMenu.create callback! Error? " + chrome.extension.lastError);});
      });
    } else {
      console.log("Removing context menu")
      chrome.contextMenus.removeAll(function() {
          console.log("contextMenus.removeAll callback");
      });
    }
    console.log("handling message 'loadContextMenu' done.");
  }
  sendResponse({});
});