#service_worker — Public Fediverse posts

Анатомия чистильщика ссылок: как не сломать веб в Manifest V3

Каждый день мы делимся ссылками в мессенджерах, копируем их из браузера или кликаем по ним. И почти всегда к реальному адресу прилипает хвост из UTM-меток, fbclid , gclid и прочего мусора, которым маркетологи и платформы помечают наш трафик. Создать расширение, которое отрезает этот хвост с помощью регулярного выражения — задача на 10 минут. Но сделать так, чтобы это расширение не сломало работу сайтов, не убило поисковики и не вызвало бесконечные циклы переадресации в современных реалиях Manifest V3 — уже интереснее. Недавно я завершил работу над расширением ZeroTail и хочу поделиться несколькими неочевидными подводными камнями, с которыми столкнулся при реализации авто-очистки URL.

https://habr.com/ru/articles/1019334/

#javascript #расширения #manifest v3 #utmметки #service_worker #chrome_extension

Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов

Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯

https://habr.com/ru/articles/945870/

#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API

Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов

Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯

https://habr.com/ru/articles/945870/

#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API

Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов

Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯

https://habr.com/ru/articles/945870/

#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API

Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов

Полная реализация push-уведомлений в PWA без сторонних сервисов Разбираем архитектуру: Service Worker, Push API, VAPID ключи и Notifications API. Показываем, как настроить PWA для работы на всех платформах, включая iOS. В статье: • Теория всех компонентов системы • Готовый код Service Worker и клиентской части • Backend на Express с отправкой уведомлений • Настройка PWA для iOS 16.4+ • Детекция платформы и предложение установки Все работает из коробки! 🎯

https://habr.com/ru/articles/945870/

#PWA #push_уведомления #push_notifications #push #notifications #service_worker #ios #VAPID #Push_API #Notifications_API

Эмуляция бэкенда: как разрабатывать изолированный фронтенд с помощью Mock Service Worker

Всем привет! Сегодня я хочу рассказать о Mock Service Worker — технологии, которая позволяет эмулировать поведение бэкенда в ситуациях, когда по каким-то причинам невозможно использовать реальный бэкенд для полноценной разработки фронтенда. Тем более, что совсем недавно вышла новая мажорная версия библиотеки msw , и в ней достаточно много важных обновлений.

https://habr.com/ru/articles/780200/

#service_worker #mocks #mock #mock_service_worker #mock_server #api_mocking #моки #эмуляция_бэкенда #e2eтесты