谷歌浏览器扩展：只创建一次窗口

Question

我通过点击搜索栏附近的扩展按钮打开了一个新窗口。 我只想打开一个尚未打开的新窗口；在这种情况下，我宁愿展示旧的。

这是我的代码，但它不起作用。

  var v = null;
  var vid = null;
  chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.windows.getAll({}, function(list) {
      // check if already exists
      for(window in window_list)
        if(window.id == vid) { window.focus(); return; }

      chrome.windows.getCurrent(function(w) {
        v = chrome.windows.create({'url': 'my_url', 'type': 'panel', 'focused': true});
        vid = w.id;
      });
    });
  });

谁能解释我如何解决它？

很可能，v 和 vid 值都在关闭应用程序后被删除（在它完成执行脚本后），但我该如何修复它？如果可能，不使用 localStorage 或 cookie。

我尝试在创建窗口时指定tabId 属性，但它不起作用。 我也尝试过使用chrome.windows.onRemoved.addListener 功能，但它也不起作用。

Answer 1

1. 将window 更改为另一个变量名。
2. 变量名要一致。 window_list 和 list 是不同的东西。
3. 使用chrome.windows.update 而不是window.focus()，因为后者不起作用。
4. 使用chrome.windows.get 来查看窗口是否存在，而不是维护一个窗口列表。
5. 在chrome.windows.create的回调中可以看到新窗口的详细信息。正确使用此方法：

代码：

chrome.windows.get(vid, function(chromeWindow) {
    if (!chrome.runtime.lastError && chromeWindow) {
        chrome.windows.update(vid, {focused: true});
        return;
    }
    chrome.windows.create(
        {'url': 'my_url', 'type': 'panel', 'focused': true},
        function(chromeWindow) {
            vid = chromeWindow.id;
        }
    );
});

或者，不检查窗口是否存在，只更新窗口，当出现错误时，打开一个新的：

chrome.windows.update(vid, {focused: true}, function() {
    if (chrome.runtime.lastError) {
        chrome.windows.create(
            {'url': 'my_url', 'type': 'panel', 'focused': true},
            function(chromeWindow) {
                vid = chromeWindow.id;
            });
    }
});

Answer 2

chrome.windows.getAll({}, function(window_list) {
    var extWindow = '';
    window_list.forEach(function(chromeWindow) {
        //Check windows by type
        if (chromeWindow.type == 'panel') {
            extWindow = chromeWindow.id;
            //Update opened window
            chrome.windows.update(extWindow, {focused: true});
            return;
        }
    });

    if (extWindow == '') {
        //Open window
        chrome.windows.create(
            {
                'url'       : 'my_url',
                'type'      : 'panel',
                'focused'   : true
            },
            function(chromeWindow) {
                extWindow = chromeWindow.id;
            }
        );
    }
});

这是一个适合我的替代代码