如何强制网页认为它处于焦点或焦点之外？

Question

我正在尝试构建一个网络应用程序（以了解 WebSockets 和自适应行为），该应用程序可以轮询不同的社交媒体网站并在一个地方显示所有最新更新。我想让页面在失焦时停止更新，然后在聚焦时再次更新。

测试失焦行为非常困难，因为我必须依靠日志来确保我的应用程序正常工作，并且无法在一个监视器中打开窗口并在另一监视器中处理代码。

我的问题是：
有没有办法“强制”选项卡认为它处于焦点或失焦状态，就像 DevTools 中的强制元素状态一样，但适用于整个选项卡。

我在 Windows 10 上运行 Chrome。我找不到使用 DevTools 执行此操作的方法，并且不想仅仅为了这么简单的事情设置整个测试框架。

感谢您的时间。

Answer 1

1. 打开命令菜单。
2. 运行Emulate a focused page命令。

如果您创建实时表达式并将表达式设置为，document.hasFocus()您将看到运行命令后页面始终认为它处于焦点位置Emulate a focused page。