Chrome郵件傳遞錯誤：試圖使用斷開連接的端口對象

Question

我的Chrome擴展使用長壽命的'Port'對象來在'內容腳本'和'彈出'頁面之間傳遞消息。 'popup'能夠發送消息給'內容腳本'事件監聽器。但是，「內容腳本」中的「端口」對象無法將消息發送到「彈出」頁面。

var port = chrome.extension.connect({"name":"swap"}); 

// listener for incoming connections 
chrome.extension.onConnect.addListener(function(incomingPort){ 

    // listener on incoming messages 
    incomingPort.onMessage.addListener(function(msg){ 

     if(msg.command === 'get_scripts'){ 
      //do work 

     } 

     var scrs = { 'scripts' : 'name' }; 
     var result = port.postMessage(scrs); 

    }); 
}); 

當執行 'port.postMessage（對象OBJ）'，插件引發以下錯誤，

Error in event handler for 'undefined': Attempting to use a disconnected port object Error: Attempting to use a disconnected port object 
at PortImpl.postMessage (miscellaneous_bindings:54:5) 
at chrome-extension://loiamkgdhfjdlkcpehnebipeinpcicfj/swap.js:27:31 
at [object Object].dispatch (event_bindings:203:41) 
at Object.<anonymous> (miscellaneous_bindings:250:22) event_bindings:207 

我已使用 '端口' 對象和 'incomingPort' 對象嘗試，既丟同樣的'錯誤'。 感覺它與預先創建的「Port」對象的範圍有關。

插件代碼可在此git倉庫https://github.com/snambi/chrome_plugin/tree/master/src/chrome

有什麼不對這個插件？

Answer 1

我已經通過你的代碼一看，這是沒有意義對我說：

• 你知道，一個端口在其兩側的onMessage和postMessage方法？一個端口就足以在兩個方向上進行通信。
• 以某種方式在彈出窗口和內容腳本之間進行通信將非常困難。很難同時啓動內容腳本和彈出窗口。

由於您的擴展沒有後臺頁面和相對無用的內容腳本，我假設您的擴展的核心是瀏覽器動作彈出窗口。相反，在默認情況下注入的內容腳本，你也可以使用以下流程：

1. 用戶點擊瀏覽器操作
2. popup.html和popup.js被執行。
   • 將事件監聽器添加到chrome.runtime.onConnect，以接收端口請求。
   • 使用chrome.tabs.query({active:true, windowId:-2}, callback_function);來選擇當前選項卡中的當前窗口。 （-2是chrome.windows.WINDOW_ID_CURRENT常量）
   • callback_function收到一個參數：一組選項卡。由於當前窗口不可能沒有標籤，請選擇數組的第一個元素：var tab = tabs[0];
   • 現在，使用chrome.tabs.executeScript(tab.id, {file:'swap.js'});來執行內容腳本。
   • 在內容腳本中，使用chrome.runtime.connect連接到彈出窗口。
   • 你的邏輯在這裏。

我也看到您使用port == null檢查各個端口是否有效。如果你這樣做，確保比較有意義，通過排除端口斷開時的變量：

var port; 
chrome.runtime.onConnect.addListener(function(_port) { 
    // ...optional validation of port.name... 

    port = _port; 
    port.onMessage.addListener(function(message) { /* .. logic .. */}); 
    port.onDisconnect.addListener(function() { 
     port = null; 
    }); 
});