如何在域之间保持浏览器扩展数据？

Question

我正在学习浏览器扩展的第三天。

我正在尝试存储变量 - 只是一个字符串 - 并且在访问不同的域时可以访问该变量。我尝试过的事情：

1. Cookie（只能访问一个域名）
2. window.localStorage（只能访问一个域）
3. browser.storage.local（似乎是最好的解决方案，但我无法让它工作）
4. 将变量存储在后台脚本中并从那里调用它（无法使其工作）

我真的没有找到关于这个主题的任何好的教程（或者至少没有我完全理解的）。我不是在寻找一个复杂的例子 - 我希望我的结束代码可以像这样工作：

var output = "";
var loginURL = "loginpage.com";
var url = GetURL();

if(url == "loginpage.com"){
    SaveString("Shazaam!");
    output = "String Saved.";
}else{
    output = LoadSavedString();
}

alert(output);

fucntion SaveString(s){
    /* ? */
}

function LoadSavedString(){
    /* ? */
}

我想开始收到空警报，转到“loginpage.com”网址以保存“Shazaam！”获取警报“String Saved”。然后转到另一页并获取警报“Shazaam！”看起来似乎不应该那么多......