图片管家分享

名称:图片管家"PWA"、Native应用、以及浏览器扩展的开发历程
主要内容:对移动 Web App 的一些思考和实践,对 React Native 和 WebExtension 的尝试,开发过程中遇到的一些难点以及解决办法

声明,既是一次分享,也是对自己的一次工作总结

操作一番桌面版,新图管用户控制台是一个典型的单页 web 应用,

移动适配
@support(object-fit 兼容 Edge 例子)
media query
navigator

移动的使用率高,希望用户能便捷处理任务。自己使用移动 web page 碰到的烦心事

PWA 进化:
安装成独立应用
动画响应触摸(抽屉式菜单的性能)
Web绑定安卓的返回键
自定义组件替代原生组件
离线访问,资源预获取
push 通知(未完成)

Webview 适配用户习惯
分享(如何通信)(对 web API 的兼容)
支付(未完成)
登录

扩展:
图床外链 图片查看器 图片搬家
web extension 的基本构架
content script 样式隔离的唯一办法是 web component(Firefox 59/60开始实施),(contain 优化性能)
不同上下文环境之间的通信
基础组件建设

致谢