chrome.runtime.sendMessage在Chrome扩展中不起作用

Question

我正尝试创建一个新扩展。我可以在后面使用chrome.runtime.sendMessage函数，但现在我已经尝试了一切，但它仍然无法将消息发送到后台脚本。该控制台得到填充了content-script.js的日志消息而不是从background.js

内容的script.js

console.log("Hello World!s"); 
$(document).ready(function() { 
    console.log("DOM READY!"); 
    $(document.documentElement).keydown(function (e) { 
     console.log("Key Has Been Pressed!"); 
     chrome.runtime.sendMessage({Message: "getTextFile"}, function (response) { 
       if (response.fileData) { 
        alert("Contents Of Text File = "); 
       } 
       else { 
        console.log("No Response Received"); 
       } 
      }) 

    }) 
}); 

background.js

console.log("Atleast reached background.js") 
     chrome.runtime.onMessage.addListener (
      function (request, sender, sendResponse) { 
       console.log("Reached Background.js"); 
       if (request.Message == "getTextFile") { 
        console.log("Entered IF Block"); 
         $.get("http://localhost:8000/quicklyusercannedspeechbucket/helloWorld1", function(response) { 
        console.log(response); 
        sendResponse({fileData: response}) 
       }) 
      } 
      else { 
       console.log("Did not receive the response!!!") 
      } 
     } 
    ); 

清单。 json

{ 
    "manifest_version": 2, 
    "name": "My Cool Extension", 
    "version": "0.1", 
    "content_scripts": [ { 
    "all_frames": true, 
    "js": [ "jquery-2.1.4.min.js", "content-script.js" ], 
    "matches": [ "http://*/*", "https://*/*", "file://*/*" ] 
    } ], 
    "permissions": [ "http://*/*", "https://*/*", "storage" ], 
    "background": { 
    "scripts": [ 
     "jquery-2.1.4.min.js", 
     "background.js" 
    ] 
    } 
} 

任何帮助表示赞赏:)

谢谢！

Answer 1

你需要改变你的代码，以便在background.js你必须改变行为：虽然在contentscript你需要做的

console.log("Atleast reached background.js") 
chrome.runtime.onMessage.addListener (
    function (request, sender, sendResponse) { 
     console.log("Reached Background.js"); 
     if (request.Message == "getTextFile") { 
      console.log("Entered IF Block"); 
      $.get("http://localhost:63342/Projects/StackOverflow/ChromeEXT/helloWorld1", function(response) { 
       console.log(response); 

       // to send back your response to the current tab 
       chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
        chrome.tabs.sendMessage(tabs[0].id, {fileData: response}, function(response) { 
         ; 
        }); 
       }); 


      }) 
     } 
     else { 
      console.log("Did not receive the response!!!") 
     } 
    } 
); 

：

console.log("Hello World!s"); 
$(document).ready(function() { 
    console.log("DOM READY!"); 
    $(document.documentElement).keydown(function (e) { 
     console.log("Key Has Been Pressed!"); 
     chrome.runtime.sendMessage({Message: "getTextFile"}, function (response) { 
      ; 
     }) 

    }) 
}); 


// accept messages from background 
chrome.runtime.onMessage.addListener (function (request, sender, sendResponse) { 
    alert("Contents Of Text File = " + request.fileData); 
}); 

sendResponse可以作为即时反馈而不是计算结果。

Answer 2

如果您从background.js中的onMessage处理程序返回true，则可以通过https://developer.chrome.com/extensions/messaging#simple结束处的文本，然后您可以异步调用sendResponse。