efremandre
@efremandre
Frontend Developer

Почему не отображается объект из local storage на устройствах от Apple?

Хочу выводить в плашку свойства и ключи объекта в виде списка. Объект берется из Local Storage.

На Windows и Android все работает корректно, данные отображаются. Тестировал в Chrome, Firefox
6459cea221248521417417.png

А вот на устройствах от Apple не отображается. Тестили на iPad, MacBoock и iPhone. На последних ос, в браухерах Safari и Chrome. А вот инспектировать и проверять работу Local Storage могу только на симуляторе Safari. Так как лично у меня только iPhone.

В общем, инспектирование показывает, что скрипт отрабатывает, данные сохраняются и даже выводятся через alert(), а вот список не формируется.

6459d1e388f80816386414.png

А вот на более раней версии MacOs все работает в Safari.
6459d407c3c42660557250.png

Пробовал создать список из объекта не из Local Storage, получилось, но вместо ключей распечатал в тег [Object: object].

Список формирую таким кодом:

Сперва беру объект из ls:
const prizeCurrent = JSON.parse(localStorage.getItem('obj')) || {};


Затем идет функция, которая типа счетчик. Показывает сколько осталось позиций в объекте.
Беру данные из объекта в ls, вычитаю их из данных в объекте изначальном и вывожу разницу с ключами.

function getStata(obj, objLS) {
		for (key in objLS) {
			obj.forEach(el => {
				if (el.text === key) {
					const differ = el.current - objLS[key];
					 document.querySelector(".stat-list").insertAdjacentHTML(
					 	"beforeend",
						`<li class="stat-item">
								${key}: ${differ} шт;
					          </li>`
					);
				}
			})
		}
	}

	getStata(prizes, prizeCurrent);


Пробовал создать список через createElement результат тот же...

Помогите понять в чем дело.
  • Вопрос задан
  • 439 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 00:55
500 руб./за проект
21 нояб. 2024, в 23:30
300000 руб./за проект
21 нояб. 2024, в 22:21
3000 руб./в час