Как выполнить проверку на то, что был ли у пользователя отключен localStorage в Chrome?

Question

[ivanDoligov]

Добрый день, в предыдущем вопросе поднимался вопрос, как правильно сделать проверку на то, был ли у пользователя отключен LocalStorage или нет!
Проверку можно выполнить вот так и она работает:

if(window.localStorage)
    console.log("Local Storage Supported")
  else
    console.log("Local Storage Not Supported")

но вот если такую проверку сделать для Chrome, то будет ошибка Window

Uncaught DOMException: Failed to read the 'localStorage' property from 'Window' Access is denied for this document.

Подскажите пожалуйста, как справиться с такой проблемой

Answer 1

[Дима Паутов]

try {
  if(window.localStorage) {
    console.log("Local Storage Supported")
  } else {
    console.log("Local Storage Not Supported")
  }
} catch (error) {
  console.log("Local Storage Not Supported")
}

Comments

[ivanDoligov]

Дима Турков, простите, немного не пойму, разве нет простого способа проверить на localStorage для хрома?

[Дима Паутов]

ivanDoligov, браузеры построены на разных движках, а те, что используют 1 и тот же, могут отличаться в результате выполнения друг от друга и могут работать в тех или иных ситуациях по разному. Для этого когда-то и появился jquery например, решающий эти проблемы. Веб не работает по едином стандарту, его просто нет в браузерах, он только на бумаге. У всех браузеров есть некий стандарт реализации фич, но иногда, поверх этих фич, разработчики делают ещё что-то своё. Или просто добавляют фичи, которых ещё ни у кого нет, даже в на бумаге с стандартами.

Я вам дал простой способ. Стандартный, это if. Если хром выдаёт ошибку на это(никогда не делал подобных конструкций в коде), значит, нужно её обработать, что бы код не падал. Это называется кроссбраузерность, это когда учитываются особенности реализации всех браузеров в том или ином коде.

Чего вы паритесь, не ясно! Просто вызовите функцию с вашим альтернативным кодом в блоке catch и else.

И да, вы всегда можете написать разработчикам хрома, какие они говнюки. Они кстати в Питере работают

[ivanDoligov]

Дима Турков, спасибо за ответ )))))

[zkrvndm]

ivanDoligov, на самом деле localStorage плохое решение для сайтов. Более лучше альтернативой является использование драйвера localForage, он автоматически определяет наличие localStorage / WebSQL / IndexedDB в системе и берет на себя всю работу с базами данных. Лично для меня этот драйвер просто находка, так как позволяет очень просто и прозрачно хранить огромные объемы данных о которых в localStorage остается только мечтать. При этом очень удобно то, что массивы и объекты не надо перегонять в JSON, просто пихаешь как есть, можно даже хранить Blob и File. Например, пользователь однажды прицепил файл к форме, вы спокойно можете этот файл сохранить локально на компе у пользователя посредством localForage, а затем при следующих визитах на сайт, легко вытащить его из памяти и использовать вновь, не заставляя пользоваться вновь крепить файл.

Answer 2

[Владимир Коротенко]

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

Comments

[ivanDoligov]

Владимир Коротенко, простите, не могу найти )
я так понимаю в гугле проверка на window.localstorage не пройдет, а что там тогда за объект?

[Владимир Коротенко]

Я имел в виду вот это https://developer.mozilla.org/ru/docs/Web/API/Wind... Там описано все подробно, поддерживаемые браузеры и готовая функция для определения

Answer 3

[zkrvndm]

Используйте try catch чтобы отловить сам факт наличия ошибки.