cordova

cordova

开发手机版网站有哪些前端框架?

yangyang70541 回复了问题 • 8 人关注 • 8 个回复 • 1486 次浏览 • 2017-04-01 11:27 html5 ionic JQMobi

为什么要用PhoneGap给WebApp(H5)打包?

mstar 回复了问题 • 3 人关注 • 2 个回复 • 370 次浏览 • 2016-09-12 21:00 html5 cordova HBuilder html5 plus

使用了html5 required,后台还需要做 不为空的验证吗

my16705 回复了问题 • 20 人关注 • 21 个回复 • 380 次浏览 • 2016-09-04 13:00 html5 javascript angularjs jquery

webapp 与 native app对比,求高手实战感受!!!

njmarked 回复了问题 • 6 人关注 • 5 个回复 • 321 次浏览 • 2016-08-30 21:00 html5 cordova angularjs

Html5能做什么

qudanjiang 回复了问题 • 8 人关注 • 7 个回复 • 556 次浏览 • 2016-08-29 11:50 html5 3D cordova storage

WebApp开发中遇到过那些坑?

commaskh5 回复了问题 • 3 人关注 • 2 个回复 • 452 次浏览 • 2016-08-27 15:00 html5 ionic reactjs Vue.js

关于angularjs-ui-router的 html5Model开启后的一些问题

stupidghost 回复了问题 • 2 人关注 • 1 个回复 • 315 次浏览 • 2016-08-22 18:50 html5 javascript angularjs

angularJs为什么当我保存表单数据到数据库之时,在取不到与表单输入框绑定的model的值

lvzq2016 回复了问题 • 2 人关注 • 1 个回复 • 448 次浏览 • 2016-08-19 21:00 html5 javascript angularjs

IOS平台上京东,淘宝手机app是采用什么样的技术开发的

xjbt 回复了问题 • 4 人关注 • 3 个回复 • 376 次浏览 • 2016-08-16 15:50 html5 cordova ionic HBuilder

如何在移动端h5页面里弄出ios那种下拉菜单?

stupidghost 回复了问题 • 4 人关注 • 3 个回复 • 322 次浏览 • 2016-08-09 21:51 html5 mui ionic

js如何在历史记录中删掉本页的记录,使下一页返回时不会返回本页

xiangkun404gg 回复了问题 • 3 人关注 • 2 个回复 • 288 次浏览 • 2016-08-09 21:00 html5 javascript angularjs

Crosswalk 從HTML5構建Android App時BUILD FAILED

chenbin6666 回复了问题 • 2 人关注 • 1 个回复 • 377 次浏览 • 2016-08-05 13:34 html5 cordova

现在是学H5开发app好还是先学android原生的好?

cgj1024 回复了问题 • 11 人关注 • 11 个回复 • 432 次浏览 • 2016-08-03 12:00 html5 cordova HBuilder

如何判断浏览器是否支持canvas绘图

eriksson2 回复了问题 • 2 人关注 • 1 个回复 • 558 次浏览 • 2016-08-01 22:23 html5 cordova javascript jquery

hbuilder 中H5的websql 制作APP ,android或ios都可以使用么

dddjg 回复了问题 • 2 人关注 • 2 个回复 • 391 次浏览 • 2016-07-31 22:51 html5 HBuilder cordova

用angularjs绑定repeat出来的图片怎么实现在加载完成前显示一张正在加载的占位图?

chenbin6666 回复了问题 • 5 人关注 • 4 个回复 • 385 次浏览 • 2016-07-30 20:00 html5 angularjs css

求html5 app UI框架推荐

lvqiang123 回复了问题 • 5 人关注 • 4 个回复 • 330 次浏览 • 2016-07-24 09:40 html5 mui ionic

WebReBuild年会流水记

fengsuiyingdong 发表了文章 • 0 个评论 • 334 次浏览 • 2016-07-23 16:00 html5 cordova HBuilder html5 plus

有没有大神用angularjs+ionic+html5开发过项目?

duzhenggis 回复了问题 • 3 人关注 • 2 个回复 • 392 次浏览 • 2016-07-13 17:00 html5 angularjs ionic cordova

浅谈HTML5单页面架构(二)——backbone + requirejs + zepto + underscore

wangxinghai 发表了文章 • 0 个评论 • 366 次浏览 • 2016-07-13 10:00 html5 javascript angularjs

条新动态, 点击查看
qweqwe

qweqwe 回答了问题 • 2016-03-09 20:47 • 1 个回复 不感兴趣

ionic在build这一步一直出错怎么解决

赞同来自:

这个问题我刚好碰到也解决了。

修改项目目录下的config.xml,指定android-minSdkVersion的值为自己的api版本
修改android build版本文件夹名为数字名称, 如我的文件夹开始为adt-bundle-windows/... 显示全部 »
这个问题我刚好碰到也解决了。

修改项目目录下的config.xml,指定android-minSdkVersion的值为自己的api版本
修改android build版本文件夹名为数字名称, 如我的文件夹开始为adt-bundle-windows/sdk/build-tools/android-22,改为adt-bundle-windows/sdk/build-tools/22后就解决了。

不是很了解这方面,但是还是要说点什么。。有错漏之处请大家指出。



豆瓣很早之前有一个叫做One Ring的开源项目,虽然已经很久没有更新(不知道是不是已经放弃了),但是可作为一个典型的学习参考范例。



显示全部 »

不是很了解这方面,但是还是要说点什么。。有错漏之处请大家指出。



豆瓣很早之前有一个叫做One Ring的开源项目,虽然已经很久没有更新(不知道是不是已经放弃了),但是可作为一个典型的学习参考范例。




OneRing是一个跨平台的桌面应用开发库,使用HTML5+CSS3制作用户界面,用Javascript编写交互逻辑,同时提供用写web后端的技术编写后台逻辑。



OneRing由框架和应用两个部分组成。框架部分通过为本地窗口内嵌一个WebKit浏览器来提供各个操作系统的桌面展现。并提供了一致的js接口。应用部分是一个Web
Server,负责应用逻辑,用html/css描述界面,用js提供用户交互。




根据hongqn大表叔的解释,做OneRing是为了使用Web技术来开发桌面应用(感觉很爽)。下面来看一下OneRing的出生迭代。



1.我们常见的Web技术是这样的:





2.加入App Launcher,监听本地端口,当运行程序时打开系统默认浏览器:





3.上面的实现有一个问题,应用还是在浏览器中运行,感觉不像本地体验,所以本地展示不能使用浏览器,封装一下浏览器,使用IE的窗体:





4.IE must DIE!所以所以,用webkit代替ie来做本地界面:



5.但是要访问系统API怎么办呢?使用onering.js:



6.服务端避免防火墙的annoying:



OneRing应用的启动流程:




  1. 应用启动,加载框架运行时库,注册应用url的访问方法(如WSGI),并调用框架的loop函数。

  2. loop函数会访问应用的 /init URL,得到一个json数据,描述初始应用窗口的相关参数,如位置、大小、窗口属性、初始页面url等。

  3. 框架根据该数据创建窗口,并让该窗口内的浏览器访问初始页面url,渲染用户界面,然后等待UI事件。

  4. 用户在界面上操作时,可以通过超链接改变整个窗口内容,也可以使用Ajax技术更新窗口内部分内容。

  5. 应用可以让浏览器调用ONERING名字空间下的js函数,和操作系统进行交互,该名字空间由url onering://onering/onering.js 加载。

  6. 应用通过 bind(event, function) 函数监听窗口更改大小、移动等操作系统UI事件。
    可以使用pub/sub机制主动推送消息给浏览器。

  7. 调用 ONERING.exit() 可以退出应用;所有窗口都关闭后也会退出应用。



解释很无力,看一个Python示例代码:



#!/usr/bin/env python
import json
import web
import onering

urls = (
'/init', 'init',
'/', 'index',
)

class init:
def GET(self):
web.header('Content-Type', 'application/json')
return json.dumps({'width': 400, 'height': 300, 'url': '/'})

class index:
def GET(self):
web.header('Content-Type', 'text/html')
return """<html>
<head><script type="text/javascript" src="onering://onering/onering.js"></script></head>
<body>
<p>Hello, world!</p>
<button onclick="javascript:ONERING.exit()">Exit</button>
</body></html>"""

app = web.application(urls, globals())

if __name__ == '__main__':
onering.register_wsgi_app("demo", app.wsgifunc())
onering.loop("demo")


豌豆荚2.0时参考了OneRing的设计思路,重写了OneRing(豌豆荚一直说开源出来也没有开源-_-)。



豌豆荚2.0技术架构图:



参考OneRing的通信层,把通信层分成三个部分,一个是前端,一个是后端服务,另一个是操作系统,定义了这三个端,六个方向的通信实现的策略:



几个OneRing相关连接:




  • OneRing项目地址

  • hongqn2010年时的一个slide

  • OSChina的一篇文章

  • Tide SDK

  • hongqn在豌豆荚的演讲(前几分钟有讲OneRing与豌豆荚的基情)

  • 豌豆荚2.0技术坑

理解AngularJS中的依赖注入

bb3994411 发表了文章 • 0 个评论 • 503 次浏览 • 2016-06-23 20:47 angularjs

为什么要用PhoneGap给WebApp(H5)打包?

回复

mstar 回复了问题 • 3 人关注 • 2 个回复 • 370 次浏览 • 2016-09-12 21:00 html5 cordova HBuilder html5 plus

webapp 与 native app对比,求高手实战感受!!!

回复

njmarked 回复了问题 • 6 人关注 • 5 个回复 • 321 次浏览 • 2016-08-30 21:00 html5 cordova angularjs

Html5能做什么

回复

qudanjiang 回复了问题 • 8 人关注 • 7 个回复 • 556 次浏览 • 2016-08-29 11:50 html5 3D cordova storage

IOS平台上京东,淘宝手机app是采用什么样的技术开发的

回复

xjbt 回复了问题 • 4 人关注 • 3 个回复 • 376 次浏览 • 2016-08-16 15:50 html5 cordova ionic HBuilder

Crosswalk 從HTML5構建Android App時BUILD FAILED

回复

chenbin6666 回复了问题 • 2 人关注 • 1 个回复 • 377 次浏览 • 2016-08-05 13:34 html5 cordova

现在是学H5开发app好还是先学android原生的好?

回复

cgj1024 回复了问题 • 11 人关注 • 11 个回复 • 432 次浏览 • 2016-08-03 12:00 html5 cordova HBuilder

如何判断浏览器是否支持canvas绘图

回复

eriksson2 回复了问题 • 2 人关注 • 1 个回复 • 558 次浏览 • 2016-08-01 22:23 html5 cordova javascript jquery

hbuilder 中H5的websql 制作APP ,android或ios都可以使用么

回复

dddjg 回复了问题 • 2 人关注 • 2 个回复 • 391 次浏览 • 2016-07-31 22:51 html5 HBuilder cordova

有没有大神用angularjs+ionic+html5开发过项目?

回复

duzhenggis 回复了问题 • 3 人关注 • 2 个回复 • 392 次浏览 • 2016-07-13 17:00 html5 angularjs ionic cordova

webapp拍照实现方案?

回复

fengsuiyingdong 回复了问题 • 2 人关注 • 1 个回复 • 394 次浏览 • 2016-07-04 10:50 html5 ionic cordova

phonegap项目播放页面使用html5的video标签,如果点击全屏的话,怎么掉安卓全屏接口呢

回复

yuejinfeng 回复了问题 • 2 人关注 • 1 个回复 • 368 次浏览 • 2016-06-29 19:50 html5 cordova video

关于h5页面嵌入到原生APP中需要注意哪些事项?

回复

crokery321 回复了问题 • 4 人关注 • 3 个回复 • 586 次浏览 • 2016-06-28 17:50 html5 cordova

有没有比较不错的swift+html5做的app实例教程的?

回复

stamina887 回复了问题 • 2 人关注 • 1 个回复 • 450 次浏览 • 2016-06-25 18:50 html5 cordova

webview相比浏览器渲染有什么坑?

回复

commaskh5 回复了问题 • 2 人关注 • 1 个回复 • 355 次浏览 • 2016-06-23 18:50 html5 cordova

有使用HTML5 plus开发app的大牛吗?

回复

my16705 回复了问题 • 5 人关注 • 4 个回复 • 454 次浏览 • 2016-06-16 09:00 html5 cordova html5 plus

不是计算机专业的学习开发app难么?都需要掌握哪些技术呢?

回复

crokery321 回复了问题 • 6 人关注 • 5 个回复 • 477 次浏览 • 2016-06-01 09:00 html5 cordova javascript css css3

想用HTML5+JS做一个App,安卓和ios也能跑。请问有什么框架和工具推荐?

回复

jingxing231 回复了问题 • 8 人关注 • 7 个回复 • 423 次浏览 • 2016-05-24 10:50 html5 ionic cordova

开发多终端企业APP的相关'前端'技术?

回复

yuejinfeng 回复了问题 • 2 人关注 • 1 个回复 • 406 次浏览 • 2016-05-14 10:50 html5 jquery cordova javascript

有没有成熟的webview:javascript-nativecode交互方案

回复

richway 回复了问题 • 5 人关注 • 4 个回复 • 387 次浏览 • 2016-05-10 16:00 html5 css3 javascript cordova

HTML5(移动网站) 转换成 Android APP 哪种方案成熟点?

回复

royt123 回复了问题 • 7 人关注 • 7 个回复 • 678 次浏览 • 2016-04-15 13:50 html5 cordova JQMobi

WebReBuild年会流水记

fengsuiyingdong 发表了文章 • 0 个评论 • 334 次浏览 • 2016-07-23 16:00 html5 cordova HBuilder html5 plus

HTML5最终取代APP?

cdns20150714 发表了文章 • 0 个评论 • 310 次浏览 • 2016-06-29 20:00 html5 cordova

2014年10月底终于HTML5定稿……【转载+整理】

cnblogs 发表了文章 • 0 个评论 • 364 次浏览 • 2016-05-31 12:00 html5 Canvas cordova

HTML5与原生App之争 胜负已出?

hh337 发表了文章 • 0 个评论 • 344 次浏览 • 2016-05-20 14:00 cordova html5

Cordova配置与开发

gzdayou 发表了文章 • 0 个评论 • 795 次浏览 • 2016-01-31 11:54 cordova

Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。
Cordova支持如下移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。