最近刚刚做完一个用Cordova开发了一款电子商务的应用。在选用Cordova前,我有考察过,国内的Appcan, Apicloud等等的解决方案。其实Appcan,ApiCloud的混合方案挺完整的,从开发,框架,到打包测试,数据统计都包含了,但是我还是更倾向于开源的Cordova, 我相信开源社区的力量应该更强大,所以最终选择了Cordova作为解决方案。事实上,我用Cordova开发遇到目前所以需要的插件都是可以通过Google查找到的。在此总结下我用到的插件。

Crosswalk

这是一个单独定制的Webview插件,包含了大部分最新的HTML5特性。Crosswork Cordova插件目前只支持Android, iOS需要自己手动的集成。在如今安卓机这种测试机可以装一箱子都不止的情况下,使用统一的Webview是十分有必要的。可以避免大部分的兼容性问题,而且可以保持不错的性能。当然有个弊端就是添加这个插件,打包的apk会增加20MB左右。

极光推送(JPush)

极光的推送插件在Cordova上的集成也是非常的方便,顺利的话1个小时就可以搞定。刚开始的时候我还有点慌,担心推送插件的集成问题,没想到看了下官网,有从Cordova的集成版本,还支持自动安装。

切页转场动画

刚开始我利用Angularjs集成了CSS3的转场动画,打包跑在iOS上时其实还好,但是到Android端的时候,弊端尽显,实在不理想,最好我把转场动画都直接撤掉了,留下个loading动画。显然整个界面的切换就变的干巴巴了。最后找到com.telerik.plugins.nativepagetransitions这个转场插件。这个插件支持Slide,Flip,FadeDrawerCurl等5种效果,集成和调用也很简单。

键盘插件(Keyboard)

大家都知道在移动端调出键盘输入操作时,调出的键盘会挤出自己当前的界面,造成页面的样式错乱的问题。Keyboard插件可以监听键盘的展示隐藏事件,禁止input时键盘出现界面滚动等等问题。

支付Alipay

做移动应用肯定少不了支付,支付宝的Cordova插件其实很多,但我搜索了一圈还是这个比较好使~

总结

以上是我用的几个主要插件,因为Cordova里面像CameraFile, 其他类型的插件太多太多了。完全可以根据自己的喜好来选择。总而言之,Cordova本身由于这么多年时间的积累,造就了它在插件等等资源上的很多的优势。另外,微软刚刚开源的Xamarin据说也是个非常不错的混合开发方案,用C#编写源码, 有机会试试~

原文地址:http://imziv.com/blog/article/read.htm?id=74

Cordova开发总结(插件篇)的更多相关文章

  1. 【Eclipse提高开发速度-插件篇】Eclipse插件安装慢得几个原因

    1.改动"Available Softeware Site" ,降低关联,详细做法 Install New Software >> Available Softewar ...

  2. 【Eclipse提高开发速度-插件篇】安装VJET插件,JS等提示开发插件

    1.安装Apache Batik CSS 一般安装VJET插件会出现 Cannot complete the install because one or more required items co ...

  3. 【Eclipse提高开发速度-插件篇】安装多语言Propertys编辑工具

    安装的的时候能够通过 Help>Eclipse Marketplace的 搜索方式安装 或者 Help>Install New Software Name:Propertys URL:ht ...

  4. sublime text html5开发学习 插件篇记录

    1.第一步先按照 Package Control,具体步骤自行百度,Google. 2. view in browser 默认的快捷键应该是这样的,我用的是IE浏览器.所以ctrl+alt+i 即可让 ...

  5. 【Eclipse提高开发速度-插件篇】Checkstyle的使用

    1.CheckStyle是SourceForge下的一个项目,提供了一个帮助JAVA开发者遵守某些编码规范的工具. CheckStyle提供了大部分功能都是对于代码规范的检查 CheckStyle检验 ...

  6. Cordova - 使用Cordova开发iOS应用实战3(添加Cordova控制台插件)

    Cordova - 使用Cordova开发iOS应用实战3(添加Cordova控制台插件) 前文介绍了通过 Safari 的 Web检查器,可以看到控制台输出的信息.但有时这样调试代码不太方便,如果在 ...

  7. 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

    目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...

  8. Mac 下Cordova开发

    一 Cordova开发环境搭建 1,安装node.js环境 官网: http://nodejs.org/  下载包安装 2,使用命令行安装 cordova 主要命令: 安装Cordova: sudo ...

  9. 使用cordova开发app

    前言 公司之前用的app就是一个套壳挂个链接就能用的app,后来需要添加微信分享方便传播,没办法只好做成混合式的app了, 因为之前做.net用vs可以创建cordova项目也试着玩过,就决定用cor ...

随机推荐

  1. python简单的爬虫,网页图片

    1 #!/usr/bin/python 2 #coding=utf-8 3 import urllib 4 import re 5 6 def gethtml(url): 7 page=urllib. ...

  2. Jmeter之HTTP Request Defaults

    一.HTTP Request Defaults的作用: 该组件可以为我们的http请求设置默认的值.假如,我们创建一个测试计划有很多个请求且都是发送到相同的server,这时我们只需添加一个Http ...

  3. SQLite数据操作

    1.向学生表中插入100条数据 2.按条件查询学生数据 3.修改学生数据 4.删除学生数据 import UIKit class ViewController: UIViewController { ...

  4. jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象

    一.前提说明 Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 二.简单介绍 本文演示的是:jQue ...

  5. nyoj 115 城市平乱 dijkstra最短路

    题目链接: http://acm.nyist.net/JudgeOnline/problem.php?pid=115 dijkstra算法. #include "stdio.h" ...

  6. html的input输入框边框

    1.输入框边框完全隐藏<input type="text" style="outline:none;border:0" /> 2.input去边框立 ...

  7. 解决android的ListView嵌套在ScrollView中不能被滚动的问题

    使用滚动条容易带来一个后果,就是高度和宽度不受控制了, 之前就遇到一个已经有ScrollView的页面需要加个列表listView,然后就发现listView只看到前两行数据,下面的看不到,拉滚动条也 ...

  8. JavaScript功能检测技术和函数构造

    Javascript与很多编程语言不同,它不能够控制其运行环境.再写php代码时,只要在服务器端部署了正确的版本,那么程序就绝对能够运行,对于其他python或ruby后端语言来说,也不存在什么灰色区 ...

  9. java分别通过httpclient和HttpURLConnection获取图片验证码内容

    前面的文章,介绍了如何通过selenium+Tesseract-OCR来识别图片验证码,如果用接口来访问的话,再用selenium就闲的笨重,下面就介绍一下分别通过httpclient和HttpURL ...

  10. 【温故而知新-Javascript】理解 DOM

    DOM(Document Object Model,文档对象模型)允许我们用 JavaScript 来探查和操作 HTML 文档里的内容.它对于创建丰富性内容而言是必不可少的一组功能. 1. 理解文档 ...