javascript - VueJS 阻止非事件浏览器选项卡上的事件

Question

我有一个用 Typescript 和 VueJS 编写的 Web 应用程序，它执行一组任务(ajax 请求)并跟踪整个过程(并执行一个又一个任务)我使用 Vue 实例作为总线来通知组件之间的更改。如果用户打开新的浏览器选项卡，该过程就会停止。如果用户回来，该过程将继续。

此问题存在于 Firefox 和 Chrome 中。我在代码中放入了一个简单的 window.setInterval 来每 2 秒记录一次“Hello”，并且……令人惊讶的是，我每 2 秒记录一次“Hello”，没有任何时间“漏洞”。我在 github 上看到一个非常老的问题，有类似的情况:https://github.com/vuejs/Discussion/issues/76但似乎太老了。

我希望这个过程不会停止，而是继续不间断。

Answer 1

https://developers.google.com/web/updates/2017/03/background_tabs

Background tabs can have a dramatic negative effect on browser performance, especially on battery life. To mitigate this, Chrome has been placing various restrictions on background tabs for the last several years. Recently there’s been a number of efforts to make further improvements, and this document gives an overview of the Chrome policy. This document focuses on describing current policies in Chrome 57. Long-term strategy and further plans can be found in this document.

https://www.chromestatus.com/feature/6172836527865856

As an intervention we want to limit how much CPU a background page is allowed to use and to throttle timer queues when this limit is violated. Current target is that background page CPU load level should be under 1%.