Chrome 扩展程序:检测弹出窗口何时关闭

Jam*_*ton 4 popup google-chrome-extension

对于我的 chrome 扩展,我想在 browserAction 弹出窗口关闭时执行一个操作。我知道发生这种情况时不会触发任何内置事件。我发现这个建议打开与后台脚本的连接,然后使用连接的port.onDisconnect事件来检测弹出窗口是否正在关闭。

但是,当弹出窗口关闭时,我在后台脚本的开发人员控制台中看到以下错误:

(BLESSED_EXTENSION context for glkehflnlfekdijfhacccflbffbjhgbd) extensions::messaging:102: Uncaught TypeError: Cannot read property 'destroy_' of undefined{TypeError: Cannot read property 'destroy_' of undefined
   at PortImpl.destroy_ (extensions::messaging:102:37)
   at dispatchOnDisconnect (extensions::messaging:322:29)}
Run Code Online (Sandbox Code Playgroud)

我使用的脚本详述如下。

你能看出我哪里出错了吗?


清单文件

{ "manifest_version": 2

, "name": "Detect when popup closes"
, "version": "0.1"

, "browser_action": {
    "default_icon": "popup.png"
  , "default_popup": "popup.html"
  }

, "background": {
    "scripts": [
      "background.js"
    ]
  }
}
Run Code Online (Sandbox Code Playgroud)

弹出窗口.html

<!DOCTYPE html>
<body>
  <h1>Test</h1>

  <script src="popup.js"></script>  
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

弹出窗口.js

var port = chrome.runtime.connect()
Run Code Online (Sandbox Code Playgroud)

背景.js

chrome.runtime.onConnect.addListener(function (externalPort) {
  externalPort.onDisconnect = function () {
    try { 
      var ignoreError = chrome.runtime.lastError
    } catch (error) {
      console.log("onDisconnect")
    }
  }
)
Run Code Online (Sandbox Code Playgroud)

Jam*_*ton 11

作为参考,这里是 background.js 脚本的工作版本:

chrome.runtime.onConnect.addListener(function (externalPort) {
  externalPort.onDisconnect.addListener(function () {
    console.log("onDisconnect")
    // Do stuff that should happen when popup window closes here
  })

  console.log("onConnect")
})
Run Code Online (Sandbox Code Playgroud)


wOx*_*xOm 6

onDisconnect不是可转让的财产。
它是一个提供addListener注册回调方法的对象:

externalPort.onDisconnect.addListener(function() {
    var ignoreError = chrome.runtime.lastError;
    console.log("onDisconnect");
});
Run Code Online (Sandbox Code Playgroud)