Ф
Фронтендим
@frontendino565 подп.
241просмотров
42.7%от подписчиков
30 апреля 2025 г.
Score: 265
В последнее время активно использую новые PWA API, которые существенно расширили возможности веб-приложений. Вот ключевые технологии, на которые стоит обратить внимание. Базовый манифест PWA с новыми опциями:{ "name": "MyApp", "short_name": "MA", "description": "Описание приложения", "start_url": "/", "display": "standalone", "background_color": "#ffffff", "theme_color": "#2196f3", "icons": [ { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" }, { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" } ], "shortcuts": [ { "name": "Открыть профиль", "url": "/profile", "icons": [{ "src": "/icons/profile.png", "sizes": "96x96" }] } ], "file_handlers": [ { "action": "/edit", "accept": { "image/": [".jpg", ".png", ".webp"] } } ], "share_target": { "action": "/share", "method": "POST", "enctype": "multipart/form-data", "params": { "title": "title", "text": "text", "url": "url", "files": [ { "name": "media", "accept": ["image/", "video/*"] } ] } } } Работа с новыми API:// Проверка онлайн/офлайн статуса window.addEventListener('online', () => { console.log('Подключение восстановлено'); syncData(); // Синхронизация данных с сервером }); window.addEventListener('offline', () => { console.log('Соединение потеряно'); enableOfflineMode(); // Активация офлайн-режима }); // Background Sync API для отложенных операций if ('serviceWorker' in navigator && 'SyncManager' in window) { navigator.serviceWorker.ready.then(registration => { document.getElementById('send-form').addEventListener('submit', event => { event.preventDefault(); // Сохраняем данные в IndexedDB saveToIndexedDB(formData).then(() => { // Регистрируем задачу синхронизации registration.sync.register('sync-messages'); }); }); }); } Новые возможности PWA в 2025: — Web Share и Web Share Target API для обмена контентом — File System Access API для работы с файлами — Badge API для отображения счетчиков на иконке приложения — Periodic Background Sync для регулярных обновлений — App Shortcuts для быстрого доступа к функциям PWA становятся всё ближе к нативным приложениям по возможностям, сохраняя преимущества веба: кроссплатформенность и быстрое обновление. Подписывайся на @frontendino
241
просмотров
2572
символов
Нет
эмодзи
Нет
медиа

Другие посты @frontendino

Все посты канала →
В последнее время активно использую новые PWA API, которые с — @frontendino | PostSniper