Mozilla 扩展：多个选项卡之间的多个状态

Question

我正在创建一个 mozilla 扩展程序，通过单击“转换按钮”（标签：转换）将网页内容转换为其他语言 并且它的标签被转换为英文，以便在单击该按钮（标签：英文）时，内容被转换为原始形式

我尝试为每个选项卡设置属性“changedcontent”，以便在事件焦点上，焦点选项卡读取其“changedcontent”属性并在按钮上设置标签（“转换”或“英语”）

问题出现在我需要在多个选项卡之间切换时，不同选项卡中的插件应根据是否显示更改的内容保持不同的状态（应显示按钮标签：英文） 或者是原始形式（应显示按钮标签：“转换”）

所以当我单击刷新按钮或单击网页中的其他链接时。页面上带有转换内容的“English”按钮的标签应更改为“Convert” 所以为此我已经处理了页面卸载事件来跟踪页面刷新或链接点击，但是由于网页可能包含多个框架/iframe，这个事件被多次调用。 如果同时切换选项卡，其他选项卡的标签会从“English”转换为“Convert”

卸载事件的代码是：

window.addEventListener('unload', unloadingDocument, true);
function unloadingDocument()
{

    var currentTab = gBrowser.selectedTab;
    currentTab.setAttribute("changedcontent" , "false");//set the transliterated attribute back to false
    var convertButton = document.getElementById("convert_button");
    convertButton.setAttribute("label","Convert");
}

请建议我如何解决这个问题并在多个选项卡之间保持 Mozilla 插件的不同状态。

谢谢

Answer 1

您可以使用Session Store API 在选项卡之间设置独立状态。

-- 编辑：

因此，如果您已经有办法知道特定选项卡是否“已翻译”，如果您希望按钮在选择另一个选项卡时更改为具有正确状态，您可能需要检查 tabSelect 事件：Detecting tab selection 在这种情况下，您检查您的选项卡属性以检查您是否必须更改按钮的标签/行为。

-- 编辑 2：

如果您在单击“转换”按钮时进行处理，并将该选项卡的属性changedcontent 设置为true。然后你有一个load/unload listener 来检查刷新，将状态改回false。然后，如果您更改选项卡，则无论何时更改选项卡，您都会有 tabSelect 事件来更改按钮。

如果在将changedcontent 更改为true 时添加此侦听器。然后在第一次调用事件beforeunload时，检查changedcontent是否为true，将其更改为false并移除监听器。