javascript - 使用 X 关闭 Chrome 应用程序时 onClosed() 未触发

Question

背景.js:

chrome.app.runtime.onLaunched.addListener(function() {
  console.log('launched');
  chrome.app.window.create('index.html', {
    innerBounds: {
      width: 800,
      height: 600,
      minWidth: 200,
      minHeight: 200,
    }
  });
})

chrome.app.window.onClosed.addListener(function() {
    console.log('close bg');
});

mainfest.json:

{
  "name": "xxx",
  "description": "xxx",
  "version": "3.4.0",
  "manifest_version": 2,
  "icons": {
    "16": "16.png",
    "48": "48.png",
    "128": "128.png"
  },
  "permissions": [
    {"socket": [
      "tcp-listen:*:*", 
      "tcp-connect", 
      "resolve-host", 
      "udp-bind:*:*", 
      "udp-send-to:*:*"
    ]}
  ],

  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  }
}

当用户使用红色 X 时，我正在尝试检测 Chrome 应用程序窗口的关闭。但是，“close bg”控制台日志从未出现，所以我认为它不会触发。

我错过了什么？

---

我已经更新了我的 .json 以包含一个持久的后台页面。我想也许 bg 页面正在快速关闭以触发事件。

{
  "name": "xxx",
  "description": "xxx": "3.4.0",
  "manifest_version": 2,
  "icons": {
    "16": "16.png",
    "48": "48.png",
    "128": "128.png"
  },
  "permissions": [
    {"socket": [
      "tcp-listen:*:*", 
      "tcp-connect", 
      "resolve-host", 
      "udp-bind:*:*", 
      "udp-send-to:*:*"
    ]}
  ],

  "app": {
    "background": {
      "page": "background.html",
      "persistent": true
    }
  }
}

我在下面添加了用户的“获取”想法:

chrome.app.runtime.onLaunched.addListener(function() {
  console.log('launched');
  chrome.app.window.create('index.html', {
      id:'cci',
    innerBounds: {
      width: 800,
      height: 600,
      minWidth: 200,
      minHeight: 200,
    }
  });
})


chrome.app.window.get('cci').onClosed.addListener(function() {
        console.log('close bg');
});

但是，在启动时出现此错误。我认为 ID 的分配速度不够快，因此“cci”无效。

Answer 1

您需要将监听器附加到特定窗 Eloquent 能正常工作，而不是附加到 chrome.app.window 全局对象。 chrome.app.window.create() 函数中的第三个参数允许您指定接收新创建的窗口对象作为参数的回调。

chrome.app.runtime.onLaunched.addListener(function() {
  console.log('launched');
  chrome.app.window.create('index.html', {
    innerBounds: {
      width: 800,
      height: 600,
      minWidth: 200,
      minHeight: 200,
    }
  }, function(window){
      window.onClosed.addListener(function() {
        console.log('close bg');
      });
  });
})