首页 > 解决方案 > 如何使用 javascript 检测移动设备屏幕已关闭

问题描述

是否可以检测到手机屏幕是否关闭(或任何屏幕)或浏览器窗口是否缩小(在桌面浏览器中)?我想知道移动用户是否在我的 PWA 应用程序中关闭了手机屏幕。如果用户正在使用另一个移动应用程序但屏幕打开(我的应用程序正在运行背景并且正在播放音乐),则同样的事情。

标签: javascriptmobilescreenpwa

解决方案


是否可以检测到手机屏幕是否关闭(或任何屏幕)

是的。如果我正确理解了您的问题,这也适用于用户在后台打开您的应用程序的第三种情况:

isClosed = window.closed;

isClosed将返回一个布尔值

  • 如果窗口已关闭,则为 true
  • 如果窗口打开,则返回 false

如需进一步参考,请查看此处的文档。

或者浏览器窗口是否缩小(在桌面浏览器中)?

是的。您将需要 Page Visibility API。它的文档在这里


推荐阅读