图片管家分享

Tags
webwebextensionwebnativewebapp
Created
Dec 7, 2017 7:40 PM

名称:图片管家"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 优化性能)

不同上下文环境之间的通信

基础组件建设

致谢

SuperMade with Super