检测窗口是否在屏幕上对用户可见

Question

我有一个在浏览器中打开的网页，现在我想知道用户是可以看到该网页还是打开另一个覆盖浏览器的应用程序窗口（例如Microsoft Word）。有什么办法可以在Javascript中检测到这一点？

我使用了visibilitychange，但是它检查选项卡是否已更改或浏览器是否已最小化，但是在这种情况下，选项卡没有被最小化，用户刚刚打开了另一个应用程序，该应用程序的窗口显示在浏览器顶部

document.addEventListener("visibilitychange", function() {
  console.log(document.visibilityState);
  if(document.visibilityState == 'visible'){
     //do something
  } else {
     //stop doing something
  } 
});