将页面保存到chrome.storage.sync

Question

我正在扩展Chrome以保存和加载网页。 （例如，您要在页面被更改之前存储它，或者您已经修改了页面并想要保存它）。

我现在所做的是我正在activetab中运行代码，以使用页面URL的键将页面的innerHTML保存在localstorage中。

'use strict';


let saveButton = document.getElementById('saveButton');

saveButton.onclick = function(element) {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  chrome.tabs.executeScript(
      tabs[0].id,
      {code: 'localStorage[window.location.href] = document.documentElement.innerHTML;'});
});
};


let loadButton = document.getElementById('loadButton');

loadButton.onclick = function(element) {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  chrome.tabs.executeScript(
      tabs[0].id,
      {code: 'document.documentElement.innerHTML = localStorage[window.location.href];'});
});
};

这可以，但是我希望它为chrome.storage.sync，以便将其同步到用户的Google帐户。（并且如果它使用其URL作为键，这也不会干扰页面）

我该如何完成？

我尝试在标签内使用chrome.storage.sync.set，但这不起作用（我假设必须在popup.js中完成此操作

谢谢。

Answer 1

这不是执行此操作的适当方法。 chrome.storage.sync有主要限制。