javascript - 页面更新触发功能(无限滚动)

标签 javascript jquery google-chrome google-chrome-extension

我目前正在开发一个 Chrome 扩展程序,该扩展程序可以修改用户 Tumblr 仪表板上的内容,该仪表板使用无限滚动。然而,每当使用向下滚动时,函数就需要再次运行。

以下是我现在如何让它工作的基本概要:

  • 用户加载页面
  • 扩展程序修改页面上的元素
  • 用户向下滚动
  • 触发无限滚动
  • 下一页加载到当前页面下方
  • 加载更多内容

最后一步之后,我需要再次触发步骤 2 并修改新内容。

我已经尝试过.bind ing 元素,例如整个 <body> ,元素周围的容器div,但无济于事。

如何触发一个函数,以便它在页面内容更改(特别是 Tumblr 仪表板)时运行?

顺便说一句,jQuery 很好。

最佳答案

您应该在内容脚本中设置 MutationObserver 来监视要修改的元素的插入。

请参阅 this question 了解更多详细信息。

此外,Mutation Summary library 可能适合您的情况。

关于javascript - 页面更新触发功能(无限滚动),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27198201/

相关文章:

javascript - 检查字符串是否是 Javascript RegExp 的前缀

javascript - JQuery 中的订单日期按升序排列

jquery - 具有默认选项卡的 shown.bs.tab 事件不起作用

javascript - 将对象保存到 Chrome 存储,但检索时得到不同的结果

javascript - 对非常大的数进行模运算

javascript - 在网页中嵌入 Excel

javascript - 创建一个通用的扰流板盒

javascript - jQuery UI 可拖动不拖动 RTL 页面中的 X 轴

c++ - 使用 C++ 在 Chrome 中获取事件选项卡 URL

html - 元素在 chrome 中定位不正确