我正在开发的扩展是使用 jquery 在 google 搜索链接旁边添加图标。但问题是,当您点击任何带有 plus.google.com 的搜索结果时,出现 google 地方评论部分时,我无法添加相同的图标。
这是我所指的屏幕截图:(注意勾选图标)
到目前为止,我已经成功地通过匹配模式在 searcg 结果链接旁边显示图标,但我不知道如何将图标放在右侧显示的大标题旁边。因为它在点击时加载,所以我必须在用户点击时运行我的匹配脚本吗?
有任何想法吗?谢谢!
我正在开发的扩展是使用 jquery 在 google 搜索链接旁边添加图标。但问题是,当您点击任何带有 plus.google.com 的搜索结果时,出现 google 地方评论部分时,我无法添加相同的图标。
这是我所指的屏幕截图:(注意勾选图标)
到目前为止,我已经成功地通过匹配模式在 searcg 结果链接旁边显示图标,但我不知道如何将图标放在右侧显示的大标题旁边。因为它在点击时加载,所以我必须在用户点击时运行我的匹配脚本吗?
有任何想法吗?谢谢!
两种可能的方法:
使用DOMNodeInserted突变事件来确定是否新元素子树添加到页面。它应该是相对轻量级的事件处理程序,因为它可能在某些页面上被非常频繁地调用。另请注意,这甚至可能永远不会针对您正在寻找的元素触发,而是针对其父元素。检查插入的元素或其子元素的特定位置并添加您的图标。
使用计时器。在计时器处理程序中使用 jQuery 选择器查找特定元素。
如果您计划实现 Firefox 兼容脚本并稍后在 Firefox 插件中使用它,则首选第二种方式。突变事件将为插件带来审查警告。但是根据我的经验,DOMNodeInserted 事件监听器工作得更好(更快,更容易支持)