chrome 扩展：堆栈跟踪：TypeError：无法读取未定义的属性“selectedtext”

Question

我的 contentscript.js：

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
   if (request.ask === "selectedtext"){
    sendResponse({selectedtext: window.getSelection().toString()});
   }      
});

我的背景.js：

function onClickHandler(info, tab) {
 chrome.tabs.sendMessage(tab.id, {ask: "selectedtext"}, function(response) {
   console.log(response.selectedtext);
 });
};
chrome.contextMenus.onClicked.addListener(onClickHandler);

chrome.runtime.onInstalled.addListener(function() {
  var contexts = ["selection"];
  for (var i = 0; i < contexts.length; i++){
    var context = contexts[i];    
    var title = "send the word to background.js";
    var id = chrome.contextMenus.create({"title": title, "contexts":[context],"id": "context1" + context});   
  } 
});

更新：

{
"name" : "Send Data Plugin",
"version" : "1.1",
"description" : "A trivial usage example.",
"permissions": [
  "browsingData", "contextMenus", "http://chromeplugin.sites.djangoeurope.com/"
],
"browser_action": {
  "default_icon": "icon.png",
  "default_popup": "popup.html"
},  
"background": {
  "persistent": false,
  "scripts": ["background.js"]
},
"manifest_version": 2,
"content_scripts": [{
  "matches": ["<all_urls>"],
  "js": ["contentscript.js"]
 }]
}

但是，一旦我点击 contextMenu send the word to background.js，我就会在控制台中收到错误：

Stack trace: TypeError: Cannot read property 'selectedtext' of undefined

我做错了什么？我在这里搜索并阅读了一些问答，但似乎没有任何帮助..

Answer 1

您的错误意味着您的响应未定义。即没有数据从上下文页面返回。

您的 content.js 看起来不错，我认为最有可能的是没有内容脚本从另一端通信。在您的内容脚本中放置一个 console.log 并确保它被命中。

您可能只需要刷新正在与之通信的页面，因为内容脚本可能不是当前页面？