HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 美阅 Web App又一力作!

美阅 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又一力作!】相关文章

1. 美阅 Web App又一力作!

2. 又一款数独Sudoku游戏在线玩

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的抗衡

8. 技术之争:Web App VS 原生App

9. 通过Web App和Native App之争 看如何做技术选型

10. Web App和Native App不是生死之争,而是可以和平共处!

本文来源:https://www.51html5.com/a2981.html

点击展开全部

﹝美阅 Web App又一力作!﹞相关内容

「美阅 Web App又一力作!」相关专题

其它栏目

也许您还喜欢