Есть тестовое расширение под chrome. Добавил в него несколько настроек. Они прекрасно сохраняются и передаются на background page. Но я никак не могу понять, как я могу использовать эти значения на сайте. Например в зависимости от настройки - добавить класс к боди на нужном мне сайте.
Вот как я делаю. в скрипте option.js я задаю localStorage
localStorage.power_status = document.getElementById('power_status').checked;
Это чекбокс. В итоге localStorage.power_status получает значение true/false
код в background такой:
var pwr_s = localStorage.power_status;
chrome.storage.sync.set({'power_s':pwr_s}, function() {
console.log('Option power set: ' + pwr_s);
});
на сайте подключаю script.js, в нем пытаюсь получить значение:
chrome.storage.sync.get('power_s', function(r) {
console.log('Status: ' + r['power_s']);
});
Но значение получает не верное, или через раз.. т.е. не понятно откуда оно берется.. то верное показывает, то нет..
Может есть способ более простой манипулировать DOM через настройки расширения?
Итоговая задача состоит в том, что бы менять CSS стили на сайте в зависимости от настроек расширения. Планирую просто добавлять нужный класс к боди.