美阅 Web App又一力作!
之前我们关注了国内视频网站爱奇艺推出了自己的Web App版,今天我们把视线转向阅读类,现在知名的阅读类应用主要有美阅和 zaker ,但美阅和zaker不同之处在于一个是Web App,一个是Native App。Native App相对开发难道较大,而Web App 基于浏览器运行,开发更简单,同时更新也更方便。
美阅,“人”如其名,一款阅读类的应用。初看,视觉设计干净利落,不过多少还是能看到点 flipboard 和 zaker 的影子,但表现上笔者觉得更为简洁。
一番抽丝剥茧后,直奔主题,笔者通过fiddler2代理抓包开始阅读美阅的源码。
先说说笔者认为较为值得推崇的地方:
◆ 使用了 manifest,在设备离线状态下依然可以正常使用,相当于把web应用安装到了本地,以后差不多会是移动web应用的标准配备;
◆ 没有使用较重的第三方开发包,有利于减少浏览器内存以及用户的流量消耗。仅通过iScroll.js 实现了scrollViewer组件的效果;
◆ 闪屏图片合并在主页面中,不会因为弱网络环境下初次闪屏图片拉取时间过长,而导致页面其他资源过早就绪从而跳过闪屏界面的情况;
◆ 标准支持上比较超前,使用了 FileSystem(http://www.w3.org/TR/file-system-api/),就目前来说,仅Google Chrome 桌面版一家支持了此特性,不得不说Q立方标准咬得很紧阿!
◆ 频道面板的编辑功能的操作体验相当不错,可惜现在只支持单屏;
◆ 在主流配置上阅读体验接近原生应用,操控流畅;
下面说说笔者比较诟病的地方:
◆ 频道的feeds列表中没有使用小图,会有无谓的流量消耗,尤其是在移动网络下;
◆ 频道的feeds列表中图片展示没有使用等比缩放,在阅读体验上给人的感觉不精致,显得比较粗燥;
◆ 频道数满上限后继续添加,会先勾选频道后再取消,实际上可以在更改勾选状态前就判定上限条件,或者在频道数达到上线后,disable掉所有未勾选上的频道复选框;
◆ 部分按钮的交互响应迟缓,没有针对移动版本做优化,大概会存在500ms左右的延时,应该使用touch事件去模拟,提高交互的响应速度;
◆ 仅支持了自家的Q立方,在其他平台上基本不可用(据说企鹅内部正在做iOS平台的适配,期待中);
◆ 在低配机器上响应较慢;
◆ 有点炫技术的感觉,笔者认为正文的本地缓存完全可以和图片一样使用cache control,从而支持到更多的浏览器平台。不过使用 fileSystem 的使用也是亮点之一,也许此应用正是为了验证企鹅Q立方的核能力;
总体上来说,此应用如果进行部分优化后,在高配置设备上代替flipboard这些原生应用也不是没有可能!期待企鹅对美阅下个版本的迭代。
附上Q立方的下载地址,点击桌面美阅icon即可访问美阅:
【美阅 Web App又一力作!】相关文章
3. HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(下) ...
4. HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(上) ...
5. Web Apps 展望:HTML5将推动Web App发展
6. WebApp UI框架App.js的入门介绍和使用手册
7. 借HTML5抗衡APP Store Web与App的抗衡
9. 通过Web App和Native App之争 看如何做技术选型
10. Web App和Native App不是生死之争,而是可以和平共处!
本文来源:https://www.51html5.com/a2981.html
﹝美阅 Web App又一力作!﹞相关内容
- 超级App+Web App将主宰未来的移动互联网?
- Zeewe 2.0:美国基于HTML5的Web App Store发展路线图样
- Zeewe 2.0:美国基于HTML5的Web App Store发展路线图样
- Facebook CTO妙论移动平台上的Web App与原生应用的合众连横
- 开发者应该关注的五项Web新兴技术:WebGL和SVG名列其中
- Webydo:一款在线自由创建网站的 Web 应用
- 响应式web设计(Responsive web design)三步曲
- 手把手教学,用jQuery Mobile创建Web App
- 百纳刘铁峰:Web App在移动趋势中的发展
- webAPP将成为主流,HTML5是未来