Протокол HTTP є одним із найважливіших протоколів для безперебійного зв’язку між сервером і клієнтом. Основним недоліком протоколу HTTP є те, що він не має стану, що означає, що він не відстежує жодної відповіді чи запиту сервера чи клієнта. Отже, щоб вирішити цю проблему, є три способи відстеження корисної інформації. У цій статті ми побачимо різницю між локальним сховищем, сховищем сеансу та файлами cookie та пояснимо, чому веб-розробнику важливо знати ці терміни.
Локальна пам'ять: Ця властивість інтерфейсу лише для читання забезпечує доступ до об’єкта локального зберігання документа; збережені дані зберігаються в сесіях браузера. Подібно до sessionStorage, за винятком того, що дані sessionStorage очищаються після завершення сеансу сторінки, тобто, коли сторінку закривають. Він очищається, коли закривається остання приватна вкладка браузера (дані localStorage для документа, завантаженого під час приватного перегляду або сеансу анонімного перегляду).
як завантажити музику
DOMStrings — це формати зберігання, які використовують UTF-16 для кодування даних, що використовує два байти на символ. Рядки автоматично генеруються з цілочисельних ключів, як і для об’єктів. Дані, що зберігаються в LocalStorage, є специфічними для протоколу в документі. Якщо сайт завантажується через HTTP (наприклад, http://example.com), localStorage повертає інший об’єкт, ніж якщо він завантажується через HTTPS (наприклад, https://abc.com).
Якщо документ завантажується з URL-адреси файлу (тобто безпосередньо з локальної файлової системи користувача, а не з сервера), вимоги до поведінки не визначені та можуть відрізнятися в різних браузерах. Схоже, кожен файл повертає інший об’єкт localStorage у всіх поточних браузерах: URL. По суті, здається, що кожен URL-файл має власну унікальну локальну область зберігання.
Таку поведінку не можна гарантувати, оскільки, як зазначено вище, вимоги до URL-адреси файлу залишаються незрозумілими. Таким чином, існує ймовірність того, що браузери можуть будь-коли змінити спосіб обробки файлів. Те, як деякі браузери це обробляють, еволюціонувало.
Локальне сховище має 4 методи:
- Метод setItem() – Цей метод приймає два параметри, один — ключ, а інший — значення. Він використовується для збереження значення в певному місці з назвою ключа.
localStorage.setItem(key, value)>
- Метод getItem() – Цей метод приймає один параметр, тобто ключ, який використовується для отримання значення, що зберігається з певним ім’ям ключа.
localStorage.getItem(key)>
- Метод removeItem() – Цей метод використовується для видалення значення, яке зберігається в пам’яті за посиланням на ключ.
localStorage.removeItem(key)>
- метод clear() – Цей метод використовується для очищення всіх значень, що зберігаються в локальному сховищі.
localStorage.clear()>

зображення панелі локального зберігання
Що таке зберігання сеансів?
наскільки великий цей монітор
Доступ до об’єктів Session Storage можна отримати за допомогою властивості sessionStorage лише для читання. Різниця між sessionStorage і localStorage полягає в тому, що дані localStorage не закінчуються, тоді як дані sessionStorage очищаються після завершення сеансу сторінки.
Унікальний сеанс сторінки створюється, коли документ завантажується на вкладці браузера. Сеанси сторінки дійсні лише для однієї вкладки одночасно. Сторінки зберігаються лише протягом часу, протягом якого відкрита вкладка або браузер; вони не зберігаються після перезавантаження сторінки та відновлення. Новий сеанс створюється щоразу, коли відкривається вкладка чи вікно; це відрізняється від файлів cookie сесії. Кожна вкладка/вікно, яке відкривається з тією самою URL-адресою, створює власне sessionStorage. Коли ви дублюєте вкладку, sessionStorage з оригінальної вкладки копіюється на дубліковану вкладку. Закриття вікна/вкладки завершує сеанс і очищає об’єкти sessionStorage.
java перетворює int на рядок
Протокол сторінки визначає, які дані зберігаються в sessionStorage. Зокрема, дані, які зберігаються сценаріями, доступ до яких здійснюється через HTTP (наприклад, http://abc.com), зберігаються в окремому об’єкті з того самого сайту, доступ до якого здійснюється через HTTPS (наприклад, https://abc.com). Номер DOMString складається з двох байтів на символ у форматі UTF-16 DOMString. Рядки автоматично генеруються з цілочисельних ключів так само, як і для об’єктів.
Зберігання сеансів має 4 методи:
- Метод setItem() – Цей метод приймає два параметри, один — ключ, а інший — значення. Він використовується для збереження значення в певному місці з назвою ключа.
sessionStorage.setItem(key, value)>
- метод getItem() – Цей метод приймає один параметр, тобто ключ, який використовується для отримання значення, що зберігається з певним ім’ям ключа.
sessionStorage.getItem(key)>
- Метод removeItem() – Цей метод використовується для видалення значення, яке зберігається в пам’яті за посиланням на ключ.
sessionStorage.removeItem(key)>
- метод clear() – Цей метод використовується для очищення всіх значень, збережених у сховищі сеансу
sessionStorage.clear()>

образ зберігання сесії
актриса кіно реха
файли cookie: Термін cookie стосується лише текстової інформації про веб-сайт. Щоб розпізнати вас і показати вам результати відповідно до ваших уподобань, цей веб-сайт зберігає деяку інформацію у вашій локальній системі, коли ви відвідуєте певний веб-сайт. Історія Інтернету давно відзначена використанням файлів cookie. Відвідувач веб-сайту запитує у сервера веб-сторінку, коли він її відвідує. Кожен запит на сервер унікальний. Так само, якщо ви заходите сто разів, кожен запит сервер вважатиме унікальним. Оскільки сервер отримує багато запитів щосекунди, зберігання інформації про кожного користувача на сервері не здається логічним і очевидним. Ця сама інформація може не знадобитися знову, якщо ви не повернетеся. Таким чином, файл cookie надсилається та зберігається на вашій локальній машині, щоб унікально ідентифікувати вас. Ви отримаєте відповідь від того ж самого сервера наступного разу, коли ви його відвідаєте, оскільки він розпізнає вас. Майже кожен сервер використовує цей файл cookie (деякі винятки існують сьогодні через рекламу). Тому, незважаючи на те, що у вашій системі може бути багато файлів cookie, такі файли cookie розпізнаються сервером і аналізуються.
Коли файли cookie були вперше розроблені, вони використовувалися для покращення роботи розробника. Подумайте про відвідування веб-сайту мовою, відмінною від вашої рідної (скажімо, англійською). Ви можете вибрати англійську як мову в мовному розділі веб-сайту. Може знадобитися перемикати мови п’ять разів на день, якщо ви відвідуєте той самий веб-сайт п’ять разів. Тому ці дані зберігаються у файлі cookie у вашій системі. Це гарантує, що сервер знає, що ви хочете переглянути веб-сайт англійською мовою, коли наступного разу надсилатимете запит. У цьому відношенні файли cookie є життєво важливими. Масштабні файли cookie, які використовуються сьогодні, набагато менші, ніж у прикладі вище.

зображення печива
Різниця між локальним сховищем і сеансовим сховищем , І печиво
| Локальна пам'ять | Зберігання сеансів | Печиво |
|---|---|---|
| Ємність локального сховища становить 5 МБ/10 МБ | Ємність сховища сеансів становить 5 МБ | Ємність зберігання файлів cookie становить 4 Кб |
| Оскільки він не заснований на сеансі, його потрібно видалити за допомогою JavaScript або вручну | Він заснований на сеансі та працює для кожного вікна чи вкладки. Це означає, що дані зберігаються лише протягом сеансу, тобто доки браузер (або вкладка) не буде закрито | Термін дії файлів cookie закінчується залежно від налаштувань і роботи для кожної вкладки та вікна |
| Клієнт може читати та записувати локальне сховище | Клієнт може читати та записувати локальне сховище | І клієнти, і сервери можуть читати та записувати файли cookie |
| Немає передачі даних на сервер | Немає передачі даних на сервер | Існує передача даних на сервер |
| Підтримується всіма браузерами, включаючи старіші. | Підтримується всіма браузерами, включаючи старіші | Він підтримується всіма браузерами, включаючи старіші браузери |