HTML5技术的Web APP能否匹敌Native APP?

这种烧脑的问题我觉得还是用例子来说明比较实在，因此我特意找了10个基于HTML5技术的Web App，想要一探究竟。

1、Web FM synthesizer：音频合成器>>>

http://www.taktech.org/takm/WebFMSynth/

这个Web应用程序采用了HTML5和Web音频API（应用程序接口），模拟出80年代最流行的音频合成器。使用方法类似弹钢琴，点击黑白键即可发声。不同的算法提供若干种风格迥异的声音效果，如“01”表示BELL，“02”表示BRASS，“03”表示ORGAN……在移动端操作可以双手并用，玩得更嗨！如果你喜欢音乐，不妨来尝试。

2、TinyPNG：缩图神器>>>

https://tinypng.com/

TinyPNG采用了智能有损压缩技术，通过选择性地降低图像中颜色的数量，只需较少字节即可存储数据。压缩前后的文件大小差异很大，但是视觉效果几乎看不出差距。操作只要两步走——上传、下载，让图片不再臃肿，只是几秒钟的事情，实实在在的缩图神器！

3、Cage App：团队管理工具>>>

http://cageapp.com/

Cage App为团队提供了简单便捷的分享与沟通渠道，借助此平台可以有效管理团队，提高工作效率。

优点包括：

1. 更快速的批准——让个人的工作快速被团队和客户通过；

2. 更智能的审核——降低完成一个项目的审核次数；

3. 更优质的沟通——集中反馈机制可以减少冗长的会议和杂乱的邮件；

4. 基于语境的反馈——反馈易于理解，具有可操作性；

5. 基于Web的演示——在线展示和共享工作成果，更加引人入胜；

6. 有组织性的协作——一个App即可有效管理团队、项目、任务、审核、文件传输等。

4、PDF.js：PDF在线阅读器>>>

http://cageapp.com/

pdf.js是一个基于HTML5技术的PDF的Web阅读器，它提供了一个通用的、标准的平台，用户可以对PDF文件进行阅读翻查、放大缩小、下载打印等一系列操作。与常见的PDF阅读器相比，功能上并无太大区别，但是更加轻便、随时可用。

5、LucidChart：图表在线制作工具>>>

https://www.lucidchart.com/

LucidChart是一个基于HTML5技术的在线制作图表的应用程序。优点在于可以十分方便地勾画和共享专业的流程图表，可满足头脑风暴、项目管理等场景下的需求，无论个人、团队还是企业均可以使用。与其他App具有兼容性，提供标准文件格式的导出服务，这意味着其制作的图表具有可移植性，应用方便。

6、Facturandum：在线发票服务系统>>>
https://www.facturandum.com/

Facturandum是一个提供在线发票服务的系统，特色包括：1.定制化——上传品牌logo，生成带有品牌标志的发票；2.自动化——向你发送提醒，帮助你追踪现金流转状况；3.在线支付——你的客户可以在网上向你支付；4.时间追踪——管理项目并追踪你所花费的时间；5.定期结算——可以设置隔一段时间自动创建和发送发票；6.收入预测——展望未来，根据发票预测你的收入；

7、Apollo：项目和联系人管理工具>>>

http://www.apollohq.com/en

Apollo是一个用于项目和联系人管理的Web应用程序，同样适用于团队管理。使用该平台，用户可以创建项目，设置可选的截止日期，允许团队或客户访问；标签式页面，允许多个喜欢的项目同时打开；按照颜色编码和相关描述，进行项目分类；可以设置项目的状态为运行、不运行或存档，不运行状态下的项目不会发出通知，存档项目可以方便日后参考；可以预定义任务列表，自定义任务的优先级、时间和附件等，从而简化工作流程。

看过了上面的Web App，我发现它们基本上是PC端的应用，那么，移动端有没有好玩的模拟App的轻应用呢？于是乎，我怀着好奇心打开了iH5的主页…… 果不其然，被我找到了！和前面PC端的相比，移动端的这些应用相对简单，但万变不离其宗，无论设计何种Web App，都需要掌握基本的逻辑思维才能做得出来。

一、任务管理系统>>>

http://aebca5be71a3.ih5.cn/idea/SY3DAhy

这是一个带有注册和登录功能的Web轻应用，通过网页构建系统和应用，提供传统App登录与注册所需的姓名输入框、手机输入框、密码输入框，注册后登陆即可看到任务管理的界面，可以查看“所有任务”、“已完成”，也可以新建任务，值得注意的是，任务需要认领，认领后才能够标记完成与否，可不能随意干扰别人的任务噢。

二、签到系统>>>

http://c19db6610971.ih5.cn/idea/h9C-EAx

我们之前做过一个签到送V币和流量的活动，这就是当时用于统计数据的H5签到系统（运用了计数器、变量、2维变量、数据库等工具）。签到过程非常简单，只需点击“点击签到”按钮即可轻松实现，与此同时，“当前已获得流量”、“累计签到天数”和“当前已获得V币”的数据会实时更新。图中上方圆圈可以显示你的头像，另外，该应用还设置了排行榜查询，你可以点击“排行榜”看到所有人的签到情况。

三、模仿网易云音乐APP>>>

http://b9ae5ea2f0d3.ih5.cn/idea/AlV6ujh

我承认一开始是被它的封面吸引的，点进去发现…界面似乎有点简（jian）约（lou）？好的，毕竟是一个模仿，我们还是保持一颗博爱的心——其实音乐App的基本功能它已经做到啦！比如，点击首页的《说谎》即可来到带有林宥嘉写真的播放界面，中间的圆形按钮表示播放/暂停，可以下载、分享该歌曲，也可以按左右的圆形按钮进行歌曲的切换。如果你想回到首页，只需点击左上角的“首页”即可。

回到最开始的问题：基于HTML5技术的WebApp究竟能否匹敌Native App？答案是肯定的，基于HTML5技术的WebApp不但可以匹敌Native App，甚至它的很多特性可以超越Native App，最明显的就是跨平台和高效率这两点，而这恰恰是用户最最关心的问题。每个人的时间都很宝贵，没人愿意为效率低下的东西买单。

与此同时，可视化的HTML5制作工具又可以称得上是梦想成为“App开发者”的人的一个福音。即使你是代码小白，也可以借着HTML5制作工具这棵大树乘凉——做出一款有趣实用的Web App绝不是难事！当然，如果你能够深谙HTML5和JavaScript这些的话，那么，下一个厉害的Web App可能就出自你手了。

你觉得Web App能匹敌传统APP吗？