Как сохранить строковое значение и распечатать его на другой странице с помощью API хранилища Google Chrome

Question

Я хочу принять пользовательский ввод и затем сохранить этот пользовательский ввод с помощью API хранилища Google Chrome, но я не могу найти никаких полезных ресурсов по этой теме.

У меня есть 2 элемента, которые я хотел бы сохранить постоянно с помощью JS:

 var title = encodeURIComponent(document.getElementById('title').value);
var url = encodeURIComponent(document.getElementById('url').value);

Я хочу создать 2 массива, один из которых содержит значения заголовка, а другой - значения URL, а затем я хочу вывести эти значения на другую страницу.

Answer 1

Вы можете использовать объект chrome.storage.local для этого.

Если вам нужно сохранить данные в хранилище Chrome, используйте следующее предложение:

chrome.storage.local.set({'titles': [title]});
chrome.storage.local.set({'urls': [url]});

Теперь, если вы хотите получить текущие данные в хранилище Chrome, используйте следующее:

let newTile = "new title";
chrome.storage.local.get('titles', function(titles){
    titles.push(newTile);
    chrome.storage.local.set({'titles': titles});
});

let newUrl = "http://.....";
chrome.storage.local.get('urls', function(urls){
    urls.push(newUrl);
    chrome.storage.local.set({'urls': urls});
});

Важно: Чего здесь не хватает, так это условия проверки текущих данных в локальном хранилище.

Надеюсь это поможет!