Chrome窗口不会从无限滚动加载内容,除非窗口(选项卡)处于焦点位置

Chrome window not loading content from Infinite Scroll unless the window (tab) is in focus

本文关键字:窗口 选项 于焦点 位置 焦点 无限 滚动 加载 Chrome      更新时间:2023-09-26

我正在为一个站点编写chrome扩展。这个网站有一个无限滚动功能,当用户滚动时,它会在div中加载额外的详细信息。我正在编写一个chrome扩展,它可以自动滚动到文档底部,并为用户加载所有详细信息,该扩展会一直滚动,直到没有更多的详细信息可用。当选项卡处于活动状态时,扩展插件工作得很好,但当选项卡或chrome窗口不处于活动状态,扩展插件只会滚动到页面底部,在选项卡再次处于活动状态之前,不会在div中加载其他详细信息。

有没有一种方法可以强制chrome加载额外的详细信息,即使选项卡处于非活动状态?我尝试过使用window.focus()element.focus(),但是这些都不起作用。

这是因为无限滚动函数使用事件侦听器检查页面是否一直向下滚动,如果是,则加载新元素。如果选项卡未处于活动状态,onscroll侦听器将不会执行,因此infinitescroll函数将不会加载新元素。

如果你想加载更多的元素,你必须找到并调用加载元素的infinitescroll函数,这样你就不需要向下滚动并触发事件监听器。

要调用该函数,您需要将代码注入页面上下文。如果你不知道怎么做,你会发现这个答案很有用(感谢Xan的链接)。