Содержание
- 2. Краткая история одного стартапа
- 3. 2007
- 4. Инсталляция
- 5. Инсталляция iOS
- 6. 2008
- 7. 2010
- 8. Проблемы приложений Нет поискового трафика Нет трафика с емейл рассылок Нет кроссплатформенности
- 10. Progressive Web Apps Progressive - Work for every user, regardless of browser choice because they’re built
- 11. Progressive Web Apps Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been
- 12. Инсталляция https://www.w3.org/TR/appmanifest/ Working Draft 26 April 2016 Chrome + Mozilla + Opera + Edge Under Consideration
- 13. Инсталляция
- 14. Инсталляция Название приложения { name: “My totally awesome photo app” short_name: “Photos” }
- 15. Инсталляция Иконки { "icons": [{ "src": "icon/lowres", "sizes": "64x64", "type": "image/webp" }] }
- 16. Инсталляция Режим отображения и ориентация { "display": "fullscreen", "orientation": "landscape" } fullscreen, standalone, minimal-ui, browser
- 17. Инсталляция Стартовая страница { start_url: “/start_screen.html” }
- 18. Инсталляция Scope { “scope”: “/myapp” }
- 19. Инсталляция Обнаружение инсталляции @media all and (display-mode: standalone){ …} if (window.matchMedia("(display-mode: standalone)").matches) { /* Приложение установлено
- 20. Инсталляция Момент инсталляции function handleInstall(ev){ const date = new Date(ev.timeStamp / 1000); console.log(`Yay! Our app got
- 21. Инсталляция
- 22. Camera
- 23. Camera https://webqr.com/ https://github.com/gasolin/qrcode_scanner https://github.com/LazarSoft/jsqrcode https://davidwalsh.name/demo/iphone-camera.php
- 24. Camera
- 25. Camera
- 26. Camera https://github.com/LazarSoft/jsqrcode/blob/master/src/qrcode.js
- 27. Camera
- 28. Service Workers
- 29. Service Workers
- 30. Кеширование файлов var CACHE_NAME = 'app_serviceworker_v_1', cacheUrls = [ '/test_serviceworker/', '/test_serviceworker/index.html', '/test_serviceworker/css/custom.css', '/test_serviceworker/images/icon.png', '/test_serviceworker/js/main.js' ];
- 31. Кеширование файлов self.addEventListener('install', function(event) { event.waitUntil( // находим в глобальном хранилище Cache-объект с нашим //именем. если
- 32. Кеширование файлов
- 34. Скачать презентацию