Вношу изменения в расширение Chrome с помощью js, как их зафиксировать?

Question

[Aleksey111]

Я просто заполняю input поля числами с помощью цикла и условий.
После обновления страницы - все изменения стираются.
Вот когда руками делаешь заполнение - то всё фиксируется. Наверное, надо как то сэмулировать это.
Или как то еще можно зафиксировать изменения в расширении?

const pays =  document.getElementsByClassName('s_Pays');
const receive =  document.getElementsByClassName('s_Receive');
const budget =  document.getElementsByClassName('b_Budget');

for (n=0;n<pays.length;n++) {
	if (pays[n].value<=4000) {
		budget[n].value=receive[n].value-200;
	}
	else if (pays[n].value>4001&&pays[n].value<4300) {
		budget[n].value=receive[n].value-220;
	}
	else if (pays[n].value>=4300&&pays[n].value<4500) {
		budget[n].value=receive[n].value-250;
	}
	else if (pays[n].value>=4500&&pays[n].value<4900) {
		budget[n].value=receive[n].value-280;
	}
	else if (pays[n].value>=4900&&pays[n].value<5100) {
		budget[n].value=receive[n].value-300;
	}
	else if (pays[n].value>=5100&&pays[n].value<5300) {
		budget[n].value=receive[n].value-320;
	}
	else if (pays[n].value>=5300&&pays[n].value<5500) {
		budget[n].value=receive[n].value-330;
	}
	else if (pays[n].value>=5500&&pays[n].value<5700) {
		budget[n].value=receive[n].value-350;
	}
	else if (pays[n].value>=5700&&pays[n].value<5900) {
		budget[n].value=receive[n].value-350;
	}
	else if (pays[n].value>=5900&&pays[n].value<6100) {
		budget[n].value=receive[n].value-360;
	}
	else if (pays[n].value>=6100&&pays[n].value<6500) {
		budget[n].value=receive[n].value-380;
	}
	else if (pays[n].value>=6500&&pays[n].value<6750) {
		budget[n].value=receive[n].value-390;
	}
	else if (pays[n].value>=6750) {
		budget[n].value=receive[n].value-400;
	}
}

Answer 1

[Vitaliy]

Смотря какими являются эти данные: динамические или статические. Если статические, тогда можно и в самом коде хранить информацию, если динамические, тогда нужно определиться где они должны храниться - у клиента или на сервере. Если у клиента, это может быть как localStorage для небольших данных, так и IndexedDB для большого объема.

Comments

[Aleksey111]

мне кажется, что эти числа хранятся локально и данные статичные
в расширении есть кнопка создания бекапа, вот только тогда связь с сервером есть
ну также связь с сервером том смысле, что нужно войти в аккаунт

если подойдет localStorage, то как его использовать? мне нужно просто зафиксировать изменения, это несложно?

[Vitaliy]

Aleksey111, в гугле полно информации по этому вопросу

[Aleksey111]

в общем использовал так:
localStorage.setItem('1', '1000');
budget[0].value=localStorage[1];

значение поменялось, но после обновления опять откатилось, как использовать для того, что мне нужно?

[Aleksey111]

Виталий Столяров, я правда не понимаю, чем мне для фиксации поможет контейнер ключ-значение

[Vitaliy]

Aleksey111, нужно больше инфы: какой расширение? Какая стоит задача?

[Aleksey111]

Виталий Столяров, я кажется понял, я вношу изменения с помощью консоли хрома, кажется, там нужно в sources указать файл, куда сохранять изменения.

[Vitaliy]

Aleksey111, проблема в том, что редактируемые через devtools файлы не сохраняются там, откуда они пришли. Их нужно редактировать непосредственно в исходном пакете, для расширения на сколько я знаю нужно непосредственно не запакованное расширение с исходным кодом

[Aleksey111]

Виталий Столяров, эх, фигово тогда, ну ладно, ничего не поделаешь