Chrome 扩展保留对弹出页面的更改

Question

我正在制作 Chrome 扩展，但我不知道如何使对弹出页面的更改持久化。当我通过 JavaScript 更改弹出页面的内容时，一旦弹出 window 关闭，所有更改都会丢失。

知道如何让更改（例如文本或颜色更改）在访问特定网站期间保留在页面上吗？

Answer 1

为此，您需要保存要保留的数据（使用 chrome.storage 或 localstorage），然后在启动弹出页面时重新加载它。这是官方文档中的用法示例：

chrome.storage.local.set({key: value}, function() {
  console.log('Value is set to ' + value);
});

chrome.storage.local.get(['key'], function(result) {
  console.log('Value currently is ' + result.key);
});

您可以在官方 chrome 文档中获得更多详细信息：https://developer.chrome.com/docs/extensions/reference/storage/

Chrome 扩展保留对弹出页面的更改

Chrome extension preserve changes to the popup page

javascript

google-chrome

google-chrome-extension