Safari 扩展 - 响应消息的注入脚本过多

Question

我正在尝试编写一个类似于 Chrome 的 Bubble Translate 的 safari 扩展程序。

当您单击工具栏上的按钮时，它会使用 Google 语言 API 自动将当前选择的文本翻译为您选择的语言。

我遇到的问题如下：

脚本不仅会注入到主页中，还会注入到嵌入到页面中的广告和类似内容中。因此，所选文本会被多次翻译，因为一页中的所有嵌入脚本都会响应该消息。

如何确保脚本仅注入到正确的页面或仅正确的页面响应？

Answer 1

当全局脚本响应来自注入脚本的消息时，在响应消息中包含目标选项卡的 url，如下所示： 然后

var message = {
  translation: result.translation,
  url: event.target.url
}
event.target.page.dispatchMessage("displayTranslation", message);

，在注入脚本的消息处理程序中，检查消息中传递的 url 是否与页面 url 匹配，如下所示：

if (event.name === "displayTranslation" && 
     event.message.url === window.location.href) {
  alert(event.message.translation);
}

这样，只有发起请求的框架中的脚本才会对响应起作用。

Answer 2

也许您可以检查注入脚本的页面是否不在框架内：

if (window == window.parent) { /* you're not inside a frame! */ }

但我不确定它是否可以在嵌入 HTML 的