如何在Vue中检测移动用户活动？

Question

我正在使用Laravel和Vue构建一个应用程序，在这里我需要跟踪移动用户是否离开了页面，以便向他们更新他们在页面返回时错过的内容。我在确定如何执行此操作时遇到了麻烦，希望能提出一些建议。

例如，如果某个移动iphone X用户在我的网页上，然后单击其手机并再次打开，我希望能够检测到它。

这是我到目前为止尝试过的：

v-offline: V-offline是一个很棒的插件，可以检测用户是否在线/离线，并允许您根据情况进行操作。我认为移动用户关闭手机后可能会失去互联网连接。他们没有，所以这没用

Idle-Vue：我几乎需要Idle-Vue。它可以检测用户何时处于空闲状态，并允许您在用户空闲时（例如发送axios发布请求）或在用户再次变为活动状态时执行操作。但这有两个主要问题：

1. 他们通过测量['mousemove'，'keydown'，'mousedown'，'touchstart']来检测活动，这需要移动用户在响应之前先触摸屏幕。在台式机上，此问题似乎不太明显，因为将光标移到屏幕上视为活动
2. Idle-Vue提供的onIdle挂钩是在用户空闲时执行操作的好工具，但是当移动用户关机时，它无法检测到移动用户的空闲状态。换句话说，用户可以在其手机上的网站上，关闭其手机，并且onIdle挂钩不会触发。因此，您可以在挂钩中添加一些有用的方法，这样就不会触发。

如果有人有任何建议，我希望得到一些反馈。谢谢！