javascript - 如何查询外部域，将其存储在chrome扩展中，并调用它以在popup.html中显示？

Question

当我在 popup.html 中加载 https 文件时，会出现明显的延迟。

为了规避这个问题，我如何在background.js中放置一个函数，每次打开浏览器时，都会获取版本号并将其存储在本地？

然后，一旦存储在本地，尝试获取此内部资源时就不会出现延迟(而不是每次单击扩展弹出按钮时都尝试加载外部 https javascript 文件)。

之后，我如何调用 popup.html 中的内部资源？

摘要:
* 如何在每次初始浏览器加载时获取远程文本值？
* 如何在本地存储该值？
* 如何获取当前本地存储的数字以在 popup.html 中显示？

整个外部文件就是这样:

function myVersion1(){ return "1.0"; }

换句话说，我想在本地存储 1.0 的值，以便稍后在 popup.html 中调用。然后假设我将外部文件中的数字更改为 2.0，然后我希望扩展程序查询此数字并在用户下次打开浏览器时将本地存储的先前 1.0 更新为 2.0。

Answer 1

您将使用 Chrome 本地存储，您将存储如下值:

chrome.storage.local.set({'foo': bar});

并像这样检索它:

chrome.storage.local.get('foo', function (result) {
    var foo = result['foo'];
    if(typeof foo === 'undefined') // not set
});

如果您这样做，您需要将其添加到您的 list 文件中:

"permissions" : ["storage"],