javascript - 如何在javascript中检测浏览器的最小化和最大化状态

Question

This question already has answers here:

Is there a way to detect if a browser window is not currently active?

(19个回答)


3年前关闭。




我试图找到浏览器的最小化和最大化状态，因为我想相应地按AJAX请求浏览器状态。

有谁知道我如何使用JavaScript检测浏览器状态。

最佳答案

我认为检测这些状态的唯一可靠方法是检查HTML5提供的visibility API(这仍然是一项实验性功能)，它提供了某些属性和事件

document.hidden // Returns true if the page is in a state considered to be hidden to the user, and false otherwise.

document.visibilityState // Returns a string denoting the visibility state of the document    

您还可以对可见性的变化使用react

document.addEventListener("visibilitychange", function() {
  console.log(document.hidden, document.visibilityState);
}, false);

请记住，这不适用于跨浏览器，仅在某些浏览器版本中可用。

关于javascript - 如何在javascript中检测浏览器的最小化和最大化状态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55095526/

上一篇：powershell - For 循环模运算符

下一篇：powershell - 通过 PowerShell 实现 Visio 自动化

Answer 1

我认为检测这些状态的唯一可靠方法是检查HTML5提供的visibility API(这仍然是一项实验性功能)，它提供了某些属性和事件

document.hidden // Returns true if the page is in a state considered to be hidden to the user, and false otherwise.

document.visibilityState // Returns a string denoting the visibility state of the document    

您还可以对可见性的变化使用react

document.addEventListener("visibilitychange", function() {
  console.log(document.hidden, document.visibilityState);
}, false);

请记住，这不适用于跨浏览器，仅在某些浏览器版本中可用。