javascript - 除非窗口(选项卡)处于焦点，否则 Chrome 窗口不会从无限滚动加载内容

Question

我正在为网站编写 chrome 扩展程序。该站点具有无限滚动功能，可在用户滚动时在 div 中加载其他详细信息。我正在编写一个 chrome 扩展程序，它可以自动滚动到文档底部并为用户加载所有详细信息，该扩展程序一直滚动直到没有更多可用的其他详细信息。 The extension works perfectly when the tab is active, however when the tab or the chrome window is not active, the extension merely scrolls to the bottom of the page and no additional details are loaded in the div till the tab becomes active again.

有没有一种方法可以强制 chrome 加载其他详细信息，即使选项卡处于非事件状态？我试过使用 window.focus() 或 element.focus()，但是它们不起作用。

Answer 1

那是因为无限滚动功能使用事件监听器检查页面是否一直向下滚动到底部，如果是，则加载新元素。如果选项卡未激活，则不会执行 onscroll 监听器，因此 infinitescroll 函数不会加载新元素。

如果你想加载更多的元素，你必须找到并调用加载元素的无限滚动的函数，所以你不需要向下滚动并触发事件监听器。

要调用该函数，您需要将代码注入(inject)页面上下文。如果您不知道该怎么做，您会发现 this answer有用(感谢 Xan 的链接)。