Мобильный веб. Поговорим о проблемах

Июль 21, 2022

Главная
Информатика
Мобильный веб. Поговорим о проблемах

Содержание

2. Кратко о себе
3. Поговорим о проблемах
4. Скейл и оверфлоу iOS 10 – извините. Извините, но в iOS не совсем работает overflow:hidden у
5. Фиксируем. Помните крутой скроллинг у iOS ? Извините. Вас спасет статус бар.
7. Скролим. -webkit-overflow-scrolling: touch;
8. Возвращаемся обратно. Извините, но в iOS свайп назад, фризит ваш предыдущий стейт.
10. Самая боль тут. Клавиатура в WebView в приложениях на Android. Снова извините.
11. Поговорим о PWA
12. iOS & PWA
13. гет параметр Извините, но в iOS свайп, я так и не понял как его передать, когда
14. статус бар Извините, но в iOS 9.0 - 9.1, вы не покрасите статус-бар, ребята просто его
16. Версии кэша
17. Вы точно знаете о кэше?
18. Костыли
19. Если лень самому https://www.npmjs.com/package/gulp-serviceworker
20. Что почитать про PWA https://medium.com/@addyosmani/offline-storage-for-progressive-web-apps-70d52695513c https://developer.mozilla.org/en-US/docs/Web/API/Cache http://www.deanhume.com/Home/BlogPost/image-beast---my-10-k-apart-entry/10149
21. Собираю https://github.com/Gaserd/ProblemsOfMobileFrontEndDevelopment
23. Скачать презентацию

Слайд 2

Кратко о себе

Слайд 3

Поговорим о проблемах

Слайд 4

Скейл и оверфлоу
iOS 10 – извините.
Извините, но в iOS не совсем

работает overflow:hidden у body.

Слайд 5

Фиксируем.
Помните крутой скроллинг у iOS ? Извините.
Вас спасет статус бар.

Слайд 6

Слайд 7

Скролим.
-webkit-overflow-scrolling: touch;

Слайд 8

Возвращаемся обратно.
Извините, но в iOS свайп назад, фризит ваш предыдущий стейт.

Слайд 9

Слайд 10

Самая боль тут.
Клавиатура в WebView в приложениях на Android. Снова извините.

Слайд 11

Поговорим о PWA

Слайд 12

iOS & PWA

Слайд 13

гет параметр
Извините, но в iOS свайп, я так и не понял

как его передать, когда сохраняем на рабочий экран.

Слайд 14

статус бар
Извините, но в iOS 9.0 - 9.1, вы не покрасите

статус-бар, ребята просто его задеприкейтили.

Слайд 15

Слайд 16

Версии кэша

Слайд 17

Вы точно знаете о кэше?

Слайд 18

Костыли

Слайд 19

Если лень самому
https://www.npmjs.com/package/gulp-serviceworker

Слайд 20

Что почитать про PWA
https://medium.com/@addyosmani/offline-storage-for-progressive-web-apps-70d52695513c
https://developer.mozilla.org/en-US/docs/Web/API/Cache
http://www.deanhume.com/Home/BlogPost/image-beast---my-10-k-apart-entry/10149

Слайд 21

Собираю
https://github.com/Gaserd/ProblemsOfMobileFrontEndDevelopment