>

PhoneGap开发不可或缺的五件装备,面向移动设备的

- 编辑:至尊游戏网站 -

PhoneGap开发不可或缺的五件装备,面向移动设备的

PhoneGap开辟至关重要的五件器材

2012/04/13 · HTML5 · HTML5

来源:陈理捷

0 轻量级的JQUEEscortY包容库

JQuery已经成长的得不得了强大了,但在运动器械上稍稍痴肥。借使您的使用只运维在WebKit内核的机器上,那么我生硬提议你换用移动版本的JQuery宽容库。

Zepto和JQ.mobi都是特意为运动器材优化后的JQ包容库。

图片 1

图片 2

Zepto作者不是特意熟知,JQ.mobi作者用得比相当多,官方提供的数额称,JQ.mobi比JQueryMobile快3倍以上。

相对来讲于JQueryMobile悲催的定导航底导航定位作用,JQ.mobi也提供了自己的UI。纵然和JQM大概丑,但不会见世万恶的导航栏闪动难题。借令你协和不想创设UI框架,那么依旧引入用JQ.mobi的UI库,换换配色和背景,也能看起来蛮职业的。

另外JQ.mobi还提供了大器晚成连串的插件,然则都并未有提供文档。里边的scroll插件比不上iScroll4给力,模板插件还足以用。这里讲下用法。

要选取JQMobi的插件,只要求轻巧的用script载入对应的文本就行。

图片 3

JQ.Mobi的模板来自这里(那几个链接要从源代码中本事翻出来,藏那么好干嘛啊…)是七个使用%号进行标志的连串。

模板部分使用script标签富含:

图片 4

从上面包车型客车例证中能够见见,那套模板能够轻巧帮助if/for/else等语法;数组和对象也尚无什么难题,能够满意绝超越三分之一急需。

图片 5

它应用$.tmpl函数将数据传入模板,获得渲染后的html。必要注意的地点是传数据时要以对象的点子来传,同临时候为流传的数码内定变量名。

1 滚动作效果应行家:ISCROLL4

图片 6

就算如此以往JQ.mobi已经消除了导航栏固定和滚动的标题,可是iScroll4照例是相当值得使用的。

在动用iScroll时有几个须求小心的地点。

率先,iScroll接纳css的top和bottom值固定了顶导航条和底导航条的万丈,能够修改css来调治。

说不上,iScroll是静态的,正是说,它并不曾任何时候查阅scroll里边的源委是还是不是追加,那将在求大家在动态出席内容后,呈现调用scroll对象的refresh方法。

图片 7

最终,iScroll4能很好的贯彻iOS用得很多的下拉刷新作用,其龙腾虎跃页面上有全部的代码。

图片 8

2 当代浏览器:SAFA索罗德I/CHROME

图片 9

在堂哥大浏览器上调度从前,先在Computer浏览器上付出会快相当多,建议用safari或许Chrome。那东西即便大家都有,但稍事细节依然潜藏很深的。

举例用Chrome调节和测量试验的时候你可能会遇上跨域的难点,只要在运转Chrome.exe时增加一个参数就足以了。

chrome.exe –disable-web-security

此外有个别同学恐怕不清楚,PhoneGap API页面上的LocalStorage和Indexed DB 其实是Html5的规范接口,所以Chrome和Safari中的自带的调剂工具就会很好的管住。

图片 10

开垦Developer tools,接受 Resources Tab页就能够见到数据库,本地存储等选项 。( 当初自己找了好久Chrome的Sqlite管理插件…)

3 PHONEGAP实时调节和测验工具:云窗调节和测量试验器

图片 11

即使如此有个别夸大,但过多网民是用PhoneGap神器来描写它的。

精神上来说,云窗调节和测量检验器便是二个扶植PhoneGap Javascript接口的移动浏览器。

它和今日头条SAE的云平台紧凑结合,供给用SAE账号登陆,那样当你在SAE上创制贰个运动选取后,就能够平素在云窗调节和测量试验器的运用列表页面见到。

图片 12

点击应用名称后,就能够起来调节和测验应用了。由于代码放置在SAE平台上,笔者经常用浏览器上的在线编辑器修改代码,Ctrl+S后一向在小叔子大上看功用。

二回变动两秒见到最终结果,比起本地编写翻译,大约一遍能省去半分钟的时日。

云窗调试器iOS版本帮衬一加和华为平板,然则还未有发布到App Store,纵然你的装置已经越狱,能够一直在配备的safari里 点这一个链接举办安装。

4 在线打包工具:PHONEGAP:BUILD

图片 13

作为三个跨平台方案,PhoneGap也提供了三个云打包器,利用它大家得以不用安装别的付出碰着,间接将HTML打包成iOS,Android,Windows Phone,WebOS,塞班和One plus6个手提式有线电话机系统的安装包。

图片 14

PhoneGap:Build 的利用十分轻便,注册一个PhoneGap账号然后上传代码的Zip包就足以。当然,你也足以间接从git/svn代替码。

亟需在意的是PhoneGap:Build的包装是收取费用服务,对private app有个数限制(小编目前尚未碰到,但是看官方的表明是有限量的)。别的PhoneGap:Build上iOS的打包供给上传证书,不然不可能打包。

若是您只是内需打Apk包的话,也得以利用SAE提供的在线打包器,这么些打包器是完全免费的。另据耳软心活,iOS无证件打包器已经在调节中了,猜度月尾上线。

末尾提供三个懒人福利:文章中涉嫌的东东包裹下载。

赞 收藏 评论

图片 15

转自:

 

比较久在此以前整理了篇将手提式有线电话机网址做成手提式有线话机使用的JS框架。时隔一年多,比比较多新的技能早就冒出,上边再来总计下还也可以有啥样框架是切合面向手机配备的支付的。

    1、jQuery Mobile

    jQuery Mobile 是 jQuery 在手机上和机械设备上的本子。jQuery Mobile 不只有会给主流移动平台带来jQuery大旨库,何况会发表二个生气勃勃体化统豆蔻梢头的jQuery移动UI框架。帮忙环球主流的移动平台。jQuery Mobile开荒团队说:能开垦那几个项目,大家这几个兴奋。移动Web太须要一个跨浏览器的框架,让开拓人士开拓出真正的位移Web网址。

    2、jQTouch

    jQTouch 是一个 jQuery 的插件,首要用来手提式有线电话机上的 Webkit 浏览器上落到实处部分席卷动画、列表导航、私下认可使用样式等各样常见UI效果的 JavaScript 库。援救满含 一加、Android 等手提式有线电话机。

    3、DHTMLX Touch

    DHTMLX Touch是一个免费的HTML5/JavaScript框架,特意为触摸屏设备而优化。为您带来便捷支付工艺精美的活动Web应用程序的本领。DHTMLX Touch UI Designer是八个可视化的编辑器用于营造移动客商界面。它亦可帮您以起码的编码创设拔尖的客户分界面。在其主页上提供一些演示可以显得DHTMLX Touch强大的客户分界面。满含二个menu app for the 苹果平板 (适用于付出餐厅使用) 和Book Shop (贰个E-BOOK店应用)。

    4、Mobilize.js

    Mobilize.js是三个开源的HTML5-JavaScript框架用于从别的将来有规范网址急迅,简便地营造移动网址。这一个框架其实就是将索要在活动设备上展现的部分页面以jQuery Mobile的暗许宗旨呈现,并不是兑现叁个全新完整的活动页面。Mobilize.js 可用于大肆网址,但对此基于WordPress和Sphinx的网址无需采用该框架调换,因为已经有相当多的插件能够行使。

    5、The M Project

    The-M-Project是别的二个强有力的JavaScript框架,它应用HTML5新的特征来更加好和更简便易行地开辟活动应用。这几个框架固守著名的MVC软件架构方式。它还支持离线,所以您的客商能够在一向不连接互连网的事态下延续操作(当后一次有连线的时候,再将数据同步到服务器中)。提供不错的文书档案(那个种类具有叁个引导新客商入门的支出指南)。能够查阅提供的示范来对该品种有三个初指标刺探。那个示例包含:ToDo App(待办事项目选择) 和 KitchenSink (这一个示例包括那些框架提供的全部UI成分)。

    6、WebApp.Net

    WebApp.Net 提供了过多的 API,因而得以帮助你节省数不尽做事了。没有必要花时间去开展 Ajax 调用的编码,因为已经松开了,别的还会有不菲别样内置功效,提供了详实的文档和选取示范。

    7、Wijmo

    Wijmo是四个基于jQuery UI的UI部件的套件。Wijmo部件举办了优化客商端Web开垦和动用jQuery的优厚的个性和易用性的力量。全数的Wijmo部件都安顿了20七个大旨和帮助ThemeRoller。

    8、960 Grid on jQuery-Mobile

    jquery-mobile-960 是一个用以移动 Web 开垦的网格框架,综合了 960.gs 的油滑和 jQuery Mobile 的方便性。它的目标是让 jQuery Mobile 布局进一步的灵巧,使得应用应许在活动终端特别易用。

    9、Sencha Touch Framework

    Sencha Touch 是世界上首先个依附 HTML5 的移动 Web 开垦框架,援救新型的 HTML5 和 CSS3 标准,周全合营 Android 和 Apple iOS 设备,提供了丰盛的 WEB UI 组件,能够便捷的费用出运维于运动终端的应用程序。Shencha是第二个利用HTML5,CSS和JavaScript何况扶植音频/录制,当地存款和储蓄,圆角,渐变背景以致阴影的支出框架。

    10、NimbleKit

    NimbleKit 是为 iOS 设备构建应用程序最便捷的办法,你无需领会Objective-C 或然 iOS SDK,你只需结合 JavaScript 代码编写 HTML 页面就能够了。

    11、Touchy™ Boilerplate

    Touchy Boilerplate 是三个用来创建移动web app,富含HTML模板,Meta tag等的工具。Touchy可以帮忙动态页面导航,固定页头,滚动内容,浏览历史记录等效果。Touchy使用jQuery只怕Zepto.JS。

    12、PhoneGap

    PhoneGap是七个用基于HTML,CSS和JavaScript的,创立移动跨平台活动应用程序的飞快支付平台。它使开荒者能够接纳One plus,Android,Palm,Symbian,WP7,Bada和Blackberry智能手提式有线电电话机的中央效率——包含地理定位,加速器,联系人,声音和震憾等,另外PhoneGap具备丰硕的插件,能够以此扩展Infiniti的功力。PhoneGap是无需付费的,但是它供给一定平台提供的增大软件,比如Samsung的金立SDK,Android的Android SDK等,也能够和DW5.5配套开荒。使用PhoneGap只比为每种平台独家创制应用程序好一丢丢,因为固然基本代码是毫无二致的,不过你依然必要为各个平台独家编写翻译应用程序。

    13、joshfire

    乔希fire是多少个开源的跨设备成本框架,辅助开发者制造能够在四种设备上运转的web app。它应用HTML5和JavaScript,何况同意开拓者连忙组合本地使用和特定的web应用。Joshfire能够让您的采取选用键盘,鼠标,触摸屏,遥控器等设施的输入。乔希fire援助Node.JS。4.Sencha Touch:基于HTML5的移动网页开采框架。

    14、 Julia

    Julia框架由大旨CSS3文书、JS库和各样平台的运营库构成。不像PhoneGap,Julia不仅包涵调用本机代码的接口层,它还含有 Model-View-Controller(MVC)援助,Delegation扶植,OAuth援救,异步数据仓库储存取接口,HTML选取符(类jQuery调用接口),HTML模版(允 许嵌入JS代码)等采纳开辟必备的API接口。 基于Julia的施用开荒就如网址开辟那么粗略,是的,你到底得以用HTML5支付三个完好的、跨平台 的、不亚于本机代码的、易于维护的位移应用了!大幕就要公布,让大家共同步向活动支付的新时期

    15、SproutCore HTML5 Application Framework

    SproutCore 是三个 HTML5 移动 Web 开辟框架,它的靶子是在不须求浏览器插件的气象下,在浏览器中位应用程序提供极佳的桌面效果。

    16、Titanium

    那是多少个有力的,强壮的活动Web开拓框架。能够让使用现存的HTML, CSS和JavaScript知识来为 iOS和Android平台支付原生移动应用。作为贰个更是大的移动Web框架,它装有当先300个的APIs和活泼的开采者社区。你从这么些社区中获取每二个开荒职员的接济。Titanium Mobile帮忙原生的iOS和Android UI成分如Table views, tabs, switches和popovers。它提供力所能致与移动器材的录制头和地面文件存款和储蓄系统相交互的特征。

    17、Lungo.js

    Lungo.js 是二个选取HTML5, CSS3 和JavaScript技巧落到实处的移动Web应用程序开采框架。利用那框架开荒的应用程序可运营具备流行的平台包含:iOS, Android, Blackberry 和 WebOs。它还扶助触摸事件如:tap, double-tap和swipe。整个框架未有使用任何图片包含图标,全数都矢量化。可以在此个框架中应用HTML5怀有的有个别脾气如:WebSQL, 地理地点固定,历史或设施方向等。Lungo.js是贰个模块化何况完全可定制的框架。

    18、xui.js

    有的时候候你可能须求五个超轻量级的框架,只要具有用于支付规范客商端所急需的效用如:DOM操作,事件管理,Ajax和局地动画效果。假设是那样的话,那些框架刚好极度适合你。整个框架接收GZIP压缩完未来只有4.2 KB。

    19、EmbedJS

    EmbedJS是叁个用以嵌入式设备的JavaScript框架如:移动电话,电视s、tablets和so forth。EmbedJS强盛之处在于,它具有极度为一定平台和浏览器如iOS, Firefox, Android等提供相应的付出版本。这样就可以知道以起码的代码,为顾客提供最棒的体会。并且大器晚成旦你心爱本身定制,能够行使其提供的EmbedJS Build tool工具实现。EmbedJS基于Dojo完毕,所以你生气勃勃旦熟谙Dojo API语法,这EmbedJS将是您最好的选项。

    20、zepto.js

    zepto.js是贰个专为mobile WebKit浏览器(如:Safari和Chrome)而支付的三个JavaScript框架。它显示本身在其大约的费用观念,能够扶持开采职员轻易、连忙地造成支付交付职分。更首要的是其大器晚成JS框架,是超轻量级的,独有5KB。zepto.js的语法借鉴并且协作jQuery。

    21、Baker

    Baker是用来在华为平板恐怕一加平台上揭橥交互式的E-BOOK或然电子杂志的HTML5E-BOOK框架。

22、ChocolateChip-UI 

ChocolateChip-UI 是一个手提式有线电话机移动 Web 开采框架,采纳 HTML5, WAML, CSS 和 JavaScript等手艺达成。基于 ChocolateChip JavaScript 框架,富含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

    Magazine Grid 是一个超当代的 CSS 框架,用于 平板电脑 和 OPPO手提式有线电话机,使用类似杂志的布置风格。Magazine Grid 可让客商使用 HTML5 成分来组织杂志页,比较轻量级(<4k),在活动装备上加载非常快,对老的浏览器也辅助。

24、Kendo UI

Kendo UI是四个刚劲的框架用于飞快HTML5 UI开拓。基于最新的HTML5、CSS3和JavaScript规范。 Kendo UI富含了付出现代JavaScript开荒所急需的具备生气勃勃切,包蕴:强盛的数据源,通用的拖沓(Drag-and-Drop)成效,模板,和UI控件。

    25、HTML App Host Framework

这是三个用以创设基于 Windows Phone 7 的 HTML/JavaScript 托管框架,使用 HTML5 本事。该框架由支持在标准 xap 格式中放到 html 应用的控件。

    参谋链接:

    

    

    


本文由硬件数码发布,转载请注明来源:PhoneGap开发不可或缺的五件装备,面向移动设备的