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。