如何在Google搜索结果中显示的匹配Google商家信息评论（右侧）上添加图标

Question

我正在开发的扩展程序是使用jquery在谷歌搜索链接旁边添加图标。但问题是，当您点击任何包含plus.google.com的搜索结果时，我会无法添加相同的图标，当谷歌地方评论部分出现时。

这是我所指的屏幕截图:(注意勾选图标）

到目前为止，我已成功设法通过匹配模式在searcg结果链接旁边显示图标，但我不知道如何将图标放在右侧显示的大标题旁边。因为它会在点击时加载，所以我必须在用户点击时运行匹配的脚本吗？

有什么想法吗？谢谢！

Answer 1

选择可能的方法：

• 使用 DOMNodeInserted 变异事件来确定是否将新元素子树添加到页面中。它应该是相对轻量级的事件处理程序，因为它可能在某些页面上经常调用。另请注意，对于您正在寻找的元素，它甚至可能永远不会触发它的父元素。检查插入的元素或其子元素的具体位置，并添加您的图标。

• 使用计时器。在计时器处理程序中使用jQuery选择器查找特定元素。

如果您计划实施Firefox兼容脚本并在以后的Firefox插件中使用它，则首选第二种方法。突变事件将为插件带来审查警告。但是根据我的经验，DOMNodeInserted事件监听器工作得更好（更快，更容易支持）