Firefox SDK每个选项卡有不同的面板

Question

大家好，这是我的第一个Stack Overflow问题，所以请保持温和。

我正在尝试使用Firefox SDK开发插件。我有一个按钮连接到面板。该小组拦截某些Web请求并显示它们。

我的问题是专家组在我的所有标签和窗口中维护它的状态。我希望每个标签都有一个具有自己状态的面板。这样，当我在选项卡之间导航时，面板将显示与该特定选项卡相关的数据，但不显示其他选项卡。每次切换标签时，我都不能简单地重新构建面板，因为用户必须重新加载页面才能重新拦截网页请求。

过去两天我一直在搜索互联网，试图找出如何做到这一点，我甚至找不到与之相关的话题。

如果您需要更多信息/代码段，请与我们联系。

Answer 1

您可以收听面板的隐藏和显示事件，并将消息发送到面板的内容脚本，该脚本可以调整其中的内容。有关基本示例，请参阅this gist，当然请阅读the extensive panel documentation。

考虑这一点的最佳方式是，该面板是一个单页面的Web应用程序。当用户单击按钮时，将正确的信号发送到面板的内容脚本，以便它可以显示正确的内容。当用户关闭面板或面板由于其他原因而关闭时，请发送信号以清理并“重新设置”面板。

如果您的代码依赖于对其他网站或服务的请求，我会做的是：

1. 面板的默认状态是“正在加载，请稍候”消息或动画
2. 打开面板，发出请求，然后使用所需的任何数据向面板的内容脚本发送消息。
3. 关闭面板时，会发出一条消息，将面板重新设置回“加载”状态，以便下次打开面板时准备就绪。