让 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()
  • 消息通知,兼容 W3CDesktop 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. Qt:QThread

    0.说明 QThread提供了一种与平台无关的线程管理方法. 一个QThread对象管理一个线程.QThread通过run()方法启动线程.默认情况下,run()方法通过exec()启动一个事件循环, ...

  2. P1424

    #include <stdio.h> int main(){ int s = 250; int x, n, distance = 0; scanf("%d %d",&a ...

  3. ibv_close_device()函数

    int ibv_close_device(struct ibv_context *context); 描述 函数用来关闭一个RDMA设备context: 注意: 函数不能用来释放与该Context关联 ...

  4. WPF空格换行

    换行 (写在Text中才起作用) 空格  https://www.cnblogs.com/dc10101/archive/2011/11/14/2248432.html

  5. 矩池云上安装caffe gpu教程

    选用CUDA10.0镜像 添加nvidia-cuda和修改apt源 curl -fsSL https://mirrors.aliyun.com/nvidia-cuda/ubuntu1804/x86_6 ...

  6. 解决矩池云GPU显存未释放问题

    很多用户反馈说终止程序之后,显存依然被占用,这里我们提供了两种解决方案,帮助用户解决这个问题. nvidia-smi查看 我们可以先用如下命令 nvidia-smi 查看一下当前GPU进程情况. _ ...

  7. laravel 终端命令

    创建模块及控制器

  8. 字节一面:go的协程相比线程,轻量在哪?

    1. 用户态和内核态 Linux整个体系分为用户态和内核态(或者叫用户空间和内核空间), 那内核态究竟是什么呢? 本质上我们所说的内核态, 它是一种特殊的软件程序,特殊在哪? 统筹计算机的硬件资源,例 ...

  9. Netty异步Future源码解读

    本文地址: https://juejin.im/post/5df771ee6fb9a0161d743069 说在前面 本文的 Netty源码使用的是 4.1.31.Final 版本,不同版本会有一些差 ...

  10. 软件工程homework-004

    软件工程软件工程homework-004 博客信息 沈阳航空航天大学计算机学院2020软件工程作业 作业要求 https://edu.cnblogs.com/campus/sau/Computer17 ...