Файлы cookie – это фундаментальная часть веб-разработки, позволяющая веб-сайтам сохранять небольшие фрагменты информации в браузере пользователя. JavaScript предоставляет встроенный объект под названием document.cookie, который позволяет разработчикам с легкостью читать, записывать файлы cookie и управлять ими. В этой статье мы рассмотрим различные методы использования API CookieStoreв JavaScript, доступного через консоль браузера.

Метод 1: получение всех файлов cookie.
Чтобы получить все файлы cookie, хранящиеся на веб-странице, вы можете использовать метод getCookies()объекта CookieStore.

(async () => {
  const cookieStore = await window.navigator.cookieStore.getCookieStore();
  const allCookies = await cookieStore.getAll();
  console.log(allCookies);
})();

Метод 2. Получение определенного файла cookie
Чтобы получить определенный файл cookie по его имени, вы можете использовать метод get()объекта CookieStore.

(async () => {
  const cookieStore = await window.navigator.cookieStore.getCookieStore();
  const specificCookie = await cookieStore.get('cookieName');
  console.log(specificCookie);
})();

Метод 3: установка файла cookie
Чтобы установить новый файл cookie или обновить существующий, вы можете использовать метод set()объекта CookieStore.p>

(async () => {
  const cookieStore = await window.navigator.cookieStore.getCookieStore();
  await cookieStore.set({
    name: 'cookieName',
    value: 'cookieValue',
    domain: 'example.com',
    path: '/',
    expires: 3600, // Expires in 1 hour
    secure: true, // Only sent over HTTPS
    httpOnly: true // Not accessible via JavaScript
  });
})();

Метод 4. Удаление файла cookie
Чтобы удалить файл cookie, вы можете использовать метод delete()объекта CookieStore.

(async () => {
  const cookieStore = await window.navigator.cookieStore.getCookieStore();
  await cookieStore.delete('cookieName');
})();

Метод 5: удаление всех файлов cookie
Чтобы удалить все файлы cookie, хранящиеся на веб-странице, вы можете использовать метод clear()объекта CookieStore.

(async () => {
  const cookieStore = await window.navigator.cookieStore.getCookieStore();
  await cookieStore.clear();
})();

Благодаря API CookieStoreв JavaScript в вашем распоряжении мощные инструменты для эффективного управления файлами cookie. Если вам нужно получить, установить, обновить или удалить файлы cookie, методы, предоставляемые объектом CookieStore, справятся со всем этим. Используя эти методы, вы сможете улучшить свои проекты веб-разработки и обеспечить более персонализированный пользовательский опыт.

Не забывайте проявлять осторожность при работе с конфиденциальными пользовательскими данными и обеспечивать соблюдение правил конфиденциальности.