让 web app 像 native app 那样运行

云集是一个轻应用(即 web app)的运行环境,可以让 web app 像 native app 那样运行。

just like this

这才是 HTML5 的正确打开方式。

我们目前同时做了 iOS 和 Android 两个平台的客户端。下载地址是 http://lydiabox.com

欢迎体验吐槽,我们会持续改进。

本地 API

不仅如此,云集还提供了诸多本地 API 的调用能力,比如:

  • 直接调起native的微信分享,不用再画一个箭头指着屏幕右上角让用户分享了
  • 拍照是必须有的,兼容 PhoneGap 的 navigator.camera.getPicture()
  • 可定制的 alert, confirm 等,兼容 PhoneGap 的navigator.notification.alert()
  • 加速度当然也能获得,现在你可以随便撸一个 doodle jump 出来,兼容 PhoneGap 的navigator.accelerometer.watchAcceleration()
  • 消息通知,兼容 W3C 的 Desktop Notification

API 演示可以看一看演示视频(请忽略本人上镜):
http://v.youku.com/v_show/id_XNzk0ODU4NzIw.html

欲知详细,可以查看我们的 API Docs

Performance

关于性能,iOS 上的就不用说啦,因为大家都一样。我们想说一下 Android 上的性能和对 HTML5 的支持情况。

Device: Nexus 5, Android 4.4.4

sunspider js benchmark: 859ms

HTML5 test: 498

不同的手机设备,js benchmark 会有很大的差别,但 HTML5 test 分数相同

这里就不和其他手机浏览器比啦,大家可以自行去比较。

使用你想测试的浏览器访问以下网址即可:

Web 是开放的

虽然云集中有一个内置商店,但这个商店的存在目的是为了控制质量,只允许「体验像 native 的 web app」被交到用户手里。

因为我们认为,很多问题根本就不是技术问题,而是态度问题。web 前端经过这么多年的发展,已经是一个百花齐放的时代,但是很多从业人员却充电不及时。不追求 web app 的用户体验,依旧做出充斥着大量丑陋的文字链接的作品,做移动端 web 产品却不站在移动端思考。云集中内置商店就是为了过滤掉这样的 web app 而生的。

然而,我们深知 web 是开放的,去中心化的,流动的。所以我们提供了让能做出优秀 web app 的优秀开发者绕过商店,引导用户将 web app 添加进云集的方法

当然,你也可以你的 web app 提交给我们,详见 http://developer.lydiabox.com

有任何疑问请直接回复这篇文章,我会及时解答,交流。

云集,让 web app 像 native app 那样运行(雄起吧,Web 开发者)的更多相关文章

  1. 轻应用、Web app 、Native app三者区别关系是什么?

    [龙友导读]最近百度公司在大会上宣布推出“轻应用”.轻应用到底是什么呢,和我们说的web app.native app到底有什么区别?是新生物的诞生还是概念的炒作?所以,今天特意为大家整理分享一篇这方 ...

  2. 聊聊Web App、Hybrid App与Native App的设计差异

    目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...

  3. Web App和Native App 谁将是未来

    未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题.那么,我们首先应该立体的认识 ...

  4. 超赞!聊聊WEB APP、HYBRID APP与NATIVE APP的设计差异

    编者按:这3类主流应用你都了解吗?设计师除了要有视觉功夫,对不同形式的APP也应当了然于胸,今天百度的同学写了一篇非常全面的总结,帮你迅速搞定3类主流APP的设计方法,附带一大波避雷针,带你巧妙跳过A ...

  5. 【转】轻应用、Web App、Native App三者分别是什么?

      一.什么是Native app Native App是一种基于智能手机本地操作系统如IOS.Android.WP并使用原生程式编写运行的第三方应用程序,也叫地app.NativeApp因为位于平台 ...

  6. Web App、Hybrid App与Native App

    在这个App的时代,转战了前端,一直接触的都是pc, 离out不远了. 那么接下来,app是我接下来半年的重点,为什么是半年,因为时间不多了. 因为是前端,那么我的重心肯定是 Web App, Hyb ...

  7. 【微信小程序项目实践总结】30分钟从陌生到熟悉 web app 、native app、hybrid app比较 30分钟ES6从陌生到熟悉 【原创】浅谈内存泄露 HTML5 五子棋 - JS/Canvas 游戏 meta 详解,html5 meta 标签日常设置 C#中回滚TransactionScope的使用方法和原理

    [微信小程序项目实践总结]30分钟从陌生到熟悉 前言 我们之前对小程序做了基本学习: 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05- ...

  8. Web App 和 Native App,哪个是趋势?

    一.Web App vs. Native App 比起手机App,网站有一些明显的优点. 跨平台:所有系统都能运行 免安装:打开浏览器,就能使用 快速部署:升级只需在服务器更新代码 超链接:可以与其他 ...

  9. Web App和Native App的比较

    一.Web App vs. Native App 比起手机App,网站有一些明显的优点. 跨平台:所有系统都能运行 免安装:打开浏览器,就能使用 快速部署:升级只需在服务器更新代码 超链接:可以与其他 ...

随机推荐

  1. 『无为则无心』Python日志 — 69、补充:logging.basicConfig()函数说明

    目录 1.basicConfig()函数说明 2.应用 1.basicConfig()函数说明 此函数,通过创建一个带有默认Formatter(格式器)的StreamHandler(处理器),并将其添 ...

  2. 千万级 PV是什么意思?

    首先介绍下pv的概念: PV(访问量):即Page View,页面刷新一次算一次. UV(独立访客):即Unique Visitor,00:00-24:00内相同的客户端只被计算一次. IP(独立IP ...

  3. Hadoop3.x完全分布式搭建(详细)

    环境准备 vm虚拟机(自行安装Centos7系统) hadoop3.x安装包(linux版本) java1.8安装包(linux版本) 为了能够按照教程顺利操作,需要注意几点细节 不要不看文字直接复制 ...

  4. laravel7 webuploader上传图片

    webuploader上传 前提工作: 1>了解 代码如下:1.app_path() app_path函数返回app目录的绝对路径: $path = app_path(); 你还可以使用app_ ...

  5. PHP动态修改配置文件

    文件结构: index.php 主页 config 配置文件 doUpdate.php 修改功能页 index.php <html> <head> <title>修 ...

  6. phpStudy 升级 MySQL5.7

    最新在开发项目中需要使用到mysql5.7以上版本,但是phpStudy的版本是5.5,所以需要针对MySQL升级一下 步骤  1.备份原本MySQL 备份:原本phpStudy中的MySQL文件夹改 ...

  7. ubuntu 16.04和18.04 忘记登录密码的解决办法

    1:开机按Shift键,出现如下界面.(手速要快,Shift键要按时间久一点)选择第二项 2:按回车键进入如下界面,然后选中有recovery mode的选项(第三项) 3:按e进入如下界面,并找到图 ...

  8. BBS项目分布搭建四(点赞点踩及评论功能准备)

    BBS项目分布搭建四(点赞点踩及评论功能) 1. 点赞点踩样式准备 # 在base.html文件中 head标签内 添加css模块: {% block css %} {% endblock %} # ...

  9. Android 12(S) 图形显示系统 - BufferQueue的工作流程(九)

    题外话 Covid-19疫情的强烈反弹,小区里检测出了无症状感染者.小区封闭管理,我也不得不居家办公了.既然这么大把的时间可以光明正大的宅家里,自然要好好利用,八个字 == 努力工作,好好学习 一.前 ...

  10. Linux移植总结--Linux中asm和arch的软链接

    @ 目录 问题 include <asm/aaa.h>实际用的是asm-arm/aaa.h include <asm/arch/memory.h>实际用的是include/as ...