云集,让 web app 像 native app 那样运行(雄起吧,Web 开发者)
让 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 开发者)的更多相关文章
- 轻应用、Web app 、Native app三者区别关系是什么?
[龙友导读]最近百度公司在大会上宣布推出“轻应用”.轻应用到底是什么呢,和我们说的web app.native app到底有什么区别?是新生物的诞生还是概念的炒作?所以,今天特意为大家整理分享一篇这方 ...
- 聊聊Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
- Web App和Native App 谁将是未来
未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题.那么,我们首先应该立体的认识 ...
- 超赞!聊聊WEB APP、HYBRID APP与NATIVE APP的设计差异
编者按:这3类主流应用你都了解吗?设计师除了要有视觉功夫,对不同形式的APP也应当了然于胸,今天百度的同学写了一篇非常全面的总结,帮你迅速搞定3类主流APP的设计方法,附带一大波避雷针,带你巧妙跳过A ...
- 【转】轻应用、Web App、Native App三者分别是什么?
一.什么是Native app Native App是一种基于智能手机本地操作系统如IOS.Android.WP并使用原生程式编写运行的第三方应用程序,也叫地app.NativeApp因为位于平台 ...
- Web App、Hybrid App与Native App
在这个App的时代,转战了前端,一直接触的都是pc, 离out不远了. 那么接下来,app是我接下来半年的重点,为什么是半年,因为时间不多了. 因为是前端,那么我的重心肯定是 Web App, Hyb ...
- 【微信小程序项目实践总结】30分钟从陌生到熟悉 web app 、native app、hybrid app比较 30分钟ES6从陌生到熟悉 【原创】浅谈内存泄露 HTML5 五子棋 - JS/Canvas 游戏 meta 详解,html5 meta 标签日常设置 C#中回滚TransactionScope的使用方法和原理
[微信小程序项目实践总结]30分钟从陌生到熟悉 前言 我们之前对小程序做了基本学习: 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05- ...
- Web App 和 Native App,哪个是趋势?
一.Web App vs. Native App 比起手机App,网站有一些明显的优点. 跨平台:所有系统都能运行 免安装:打开浏览器,就能使用 快速部署:升级只需在服务器更新代码 超链接:可以与其他 ...
- Web App和Native App的比较
一.Web App vs. Native App 比起手机App,网站有一些明显的优点. 跨平台:所有系统都能运行 免安装:打开浏览器,就能使用 快速部署:升级只需在服务器更新代码 超链接:可以与其他 ...
随机推荐
- 小白文-SpringMVC-解读DispatcherServlet源码
SpringMVC 学习完Spring框架技术之后,差不多会出现两批人: 一批是听得云里雾里,依然不明白这个东西是干嘛的: 还有一批就是差不多理解了核心思想,但是不知道这些东西该如何去发挥它的作用. ...
- (第一章第一部分)TensorFlow框架介绍
接下来会更新一系列博客,介绍TensorFlow的入门使用,尽可能详细. 本文概述: 说明TensorFlow的数据流图结构 1.数据流图介绍 TensorFlow是一个采用数据流图(data fl ...
- JAVA——选择,循环,顺序控制结构
目录 一.顺序控制 二.选择控制 2.1分支控制 2.1.1单分支 2.1.2双分支 2.1.3分支控制if-else 2.1.4嵌套分支 2.2switch分支结构 细节讨论 练习 题目1 题目2 ...
- 引入的ip地址,打包以后可以随意更改
我用我自己的方法,也是实验一步一步搞出来的,被我们运维打了好几顿才出现的结果.不喜勿喷. 第一步,我们把写上地址的js文件放在vue的静态文件里,老项目都是static,新项目都是放在public文件 ...
- out与err输出流
System.in.System.out与System.err 当我们查阅文档可知,out与err都是Java中的输出流,in是"标准"输入流,System.out是"标 ...
- 『现学现忘』Docker基础 — 9、Docker简介
目录 1.什么是Docker? 2.Docker的出现解决了什么问题? 3.Docker的特别之处 4.Docker相关网站 1.什么是Docker? 2010年dotCloud公司在旧金山成立,PA ...
- 矩池云上使用nohup和&让任务后台运行
1.nohup 用途:不挂断地运行命令. 语法:nohup Command [ Arg - ] [ & ] 无论是否将 nohup 命令的输出重定向到终端,输出都将附加到当前目录的 nohup ...
- css样式之浮动
什么是浮动? 添加了浮动的的元素会脱离正常的文档流. 浮动的特点: 1.可以让块级元素排在同一排 2.可以让行属性标签支持所有的css样式 3.遇到相邻的浮动元素或者父级元素会停下来 4.浮动会影响其 ...
- ElasticSearch集成SpringBoot与常见使用方法
目录 一.导包 二.核对导入的ES版本 修改导入版本 三.写配置类 四.开始测试 索引操作 1.创建索引 2.查看索引是否存在 3.删除索引 文档操作 1.添加文档 2.查看文档是否存在 3.修改文档 ...
- 一比一还原axios源码(四)—— Axios类
axios源码的分析,到目前为止,算上第0章已经四章了,但是实际上,还都没有进入axios真正的主线,我们来简单回顾下.最开始我们构建了get请求,写了重要的buildURL方法,然后我们处理请求体请 ...