`隐式射击''而不是“可见”对于新窗口初始加载

Question

我正在启动一个新选项卡，并尝试添加窗口的visibilityChange处理程序，以添加卸载行为，因为所有文档都建议通过onunload和page> pagehide。。我的计划是附加侦听器，并且当文档的vistibilitystate更改为隐藏>，无论是通过明确关闭还是只是浏览或其他东西，都可以关闭标签父窗口触发一些功能。

该代码大致如下：

var testTab = window.open(myPath, 'testTab');
testTab.addEventListener('visibilitychange', function () {
  if(testTab.document.visibilityState === 'hidden'){
    onHidden();
  }
  else {
    onVisible();
  }
});
testTab.focus();

但是，当打开“新选项卡”时，侦听器会在加载窗口的任何内容之前使用hidden distibilityState 。此后，即使窗口完成加载和渲染时，该事件也不会再次发射。如果我然后隐藏选项卡（例如，在同一窗口中打开原始选项卡），则事件以hidden按预期发射。然后返回打开的选项卡将按预期触发事件，如可见。

该页面如何在初始加载上似乎没有正确的vistibilitystate？如果它开始隐藏，然后一旦渲染或类似的东西就过渡到可见的，那么我就可以理解它，但是只有在初始渲染上隐藏起来似乎很腥。我必须假设我做错了什么。

编辑：出于好奇，我尝试使用pagehide，并且遇到了相同的问题。在加载任何内容之前，新窗口首次打开时，它会立即触发。我不确定我出错了哪里。

edit2：卸载/toterunload在页面加载上确实可以按预期工作（即他们根本不发射），并在卸载时正确发射（duh。），但不要共享挂钩的能力进入其他形式的可见性损失，并且通常建议在我能找到的所有内容中，尤其是因为它的移动支持。

Answer 1

尝试此代码。

var testTab = window.open(myPath, 'testTab');

function addVisibilityChangeListener(tab) {   tab.document.addEventListener('visibilitychange', function () {
    if (tab.document.visibilityState === 'hidden') {
      onHidden();
    } else {
      onVisible();
    }   }); }

testTab.addEventListener('load', function () {   addVisibilityChangeListener(testTab); });

testTab.focus();