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