HTML5 Web Storage vs Cookies

Question

Я хочу показать сообщение первым посетителям определенной страницы на моем сайте. Сообщение должно появиться только один раз.

Это было бы довольно просто сделать с помощью файлов cookie, но есть ли больше пользы от использования HTML5 localStorage? Если да, то как это будет реализовано?

Answer 1

1. HTML5 localStorage было бы намного проще реализовать, не требует много строк, и это довольно просто, как реализовать. Вот пример: http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_webstorage_local_clickcount
2. Другой вариант, который был описан здесь, - это cookie. Cookie - широко используемое решение, но для написания файла cookie требуется больше строк, но, как было упомянуто выше, преимущество заключается в том, что cookie используется во многих старых браузерах. Вот пример печенья: http://www.w3schools.com/js/tryit.asp?filename=tryjs_cookie_username

Глядя на будущем, учитывая тот факт, что ФП резко меняющиеся, а также браузеры и теперь он становится требованием, чтобы все больше и больше браузеров должны поддерживать HTML5, я хотел бы рассмотреть LocalStorage

Answer 2

Для того, что вы описали, было бы почти легче и меньше ошибок подвергать простому использованию cookie. Не все браузеры будут иметь такую ​​же реализацию HTML localStorage, особенно IE 7 + 8. Тем не менее, все они используют файлы cookie, и не будет проблем с совместимостью между браузерами.

Заканчивать этот SO для получения дополнительной информации: Local Storage, Session storage, Web storage, web database and cookies in HTML5

Answer 3

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

Куки-файлы лучше для более широкой аудитории, потому что все браузеры поддерживают их. Старые браузеры, такие как IE 6 и 7, не поддерживают локальное хранилище. Куки-файлы также могут обрабатываться на стороне сервера. Поэтому, если сообщение, которое вы хотите отобразить, отображается на стороне сервера, тогда файлы cookie могут быть лучшим вариантом.

Локальное хранилище немного легче получить через JavaScript, но его использование не так много.

Answer 4

localstorage будет сохранять данные на пользовательском компьютере до 5 МБ, только плохое, что хранилище существует навсегда, и если вам нужно истечь, вам нужно будет это сделать, файлы cookie будут обрабатываться автоматически.

пример использования LocalStorage:

Var посещений = ParseInt (LocalStorage [ "numVisits"]);

var el = document.getElementById("cookieData"); 

if (isNaN(visits)) { 
    visits = 1; 
    el.innerHTML = "Welcome to the site!"; 
} else { 
    visits += 1; 
    el.innerHTML = "Welcome back! You've been here " + visits + " times."; 
} 

localStorage["numVisits"] = visits;