jQuery Mobile 是 jQuery 在手机上和平板设备上的版本.jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.虽然jQuery Mobile相对较新,但开发人员可以用jQuery Mobile为许多移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用.本文将为大家介绍8个有用的jQuery Mobile移动教程. 1. Creating a Website Using JQuery Mobile…

phonegap由2.7升级到3.7之前,只要引入一个cordova.js,就可以了.现在由于所用的插件,都需要用模块的形式进行按需加载,自然就没有以前那么安逸了. 例如,如果要在安卓平台添加一个音频处理插件,除了要引入cordova.js之外,还要手动添加Media.js文件.这里有两种方式,一种是通过官方推荐的方式,使用 nodejs的命令行进行添加,另一种则是把Media.js用模块的方式直接粘贴到cordova.js中. 第一种方式要先安装nodejs,网上的教程都是基于nodejs+e…

在phonegap中需要实现特定相关的功能,可能需要自定义扩展一下功能,那么扩展phonegap组件就成为了可能. 源代码结构图: 本文目的在于讲述怎么扩展一个phonegap组件以及实现. 针对phonegap中activty扩展类: package com.easyway.phonegap.datepicker; import com.phonegap.*; import android.os.Bundle; /** * 实现DroidGap的 * * @Title: * @Descript…

NFC:Arduino.Android与PhoneGap近场通信(第一本全面讲解NFC应用开发的技术著作移动智能设备近距离通信编程实战入门) [美]Tom Igoe(汤姆.伊戈),Don Coleman(唐.科尔曼),Brian Jepson(布莱恩.杰普森) 著   金建刚 冯依 姚尚朗 译 ISBN 978-7-121-23997-7 2014年9月出版 定价:65.00元 244页 16开 编辑推荐 欢迎进入近场通信(NFC)的世界,这种飞速发展的新技术能通过无线信号在靠近的电子设备间进行…

一.什么是PhoneGap: PhoneGap是一个自由开放源码的开发工具和框架,允许利用HTML + JavaScript + CSS的强大功能在多个手机平台上开发程序,开发出来的程序经过在各自的平台上编译形成独立的安装程序.使程序看起来和native的程序一样. 二.PhoneGap的优势和劣势: 优势: l  跨平台:一次开发,多个平台共用.现主要包括了android,iOS,Apple iOS, Google Android, Palm, Symbian, BlackBerry 等.WP…

PhoneGap与Jquery Mobile结合开发android应用的配置 由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序. 这些技术自己之前也都没接触过,可以说是压根没听说过,真是感慨,在开发领域,技术日新月异,知识真是永远学不完的.就算是做java开发的,可是细分下来,专业方向还是很多的:自己没有涉及的技术还是太多了,自个需要对单个领域专业点,知识丰富点.做不了全才,那咱做个专才,在如今社会还是必须的. 好了,咱们言归正传: PhoneGap…

原文地址:http://topmanopensource.iteye.com/blog/1486929 phonegap是由温哥华的一家小公司研发的多平台的移动开发框架,支持流行的大多数移动设备(iPhone,Android ,BlackBerry,Symbian,Palm,Window Phone).目前phonegap获得Apple,IBM,NOKIA,palm等众多公司的支持. phonegap的优点: 1.兼容性,完全做到了written once,run everywhere.2.标准…

最近Path这个应用很火爆,网上也出现了不少仿Path菜单的项目.即使在原生APP里边,Path的效果也是非常赞的.我突然想,Web APP是不是也能做出类似Path那样的效果呢?于是就有了OPath这个项目,它的客户端部分是完全用PhoneGap+HTML5开发的.        坦白的讲,OPath比Path差得不是一点半点,但是比很多国产的原生应用体验要好,下边是演示视频. 看完视频如果你对效果还满意的话,请接着往下看.我会和大家分享如何做一个这样的应用,包括整个前端(HTML5)和后端(…

由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序. 这些技术自己之前也都没接触过,可以说是压根没听说过,真是感慨,在开发领域,技术日新月异,知识真是永远学不完的.就算是做java 开发的,可是细分下来,专业方向还是很多的:自己没有涉及的技术还是太多了,自个需要对单个领域专业点,知识丰富点.做不了全才,那咱做个专才,在如今社 会还是必须的. 好了,咱们言归正传: PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平…

一. 1.准备环境nodejs(http://nodejs.org/download/) 2.ant(http://ant.apache.org/bindownload.cgi) 3.Android SDK工具 下载地址:http://developer.Android.com/sdk/ 运行SDK Manager.exe 二.环境安装 1. nodejs的安装比较简单,直接在官网上下载msi文件进行安装 安装node.js phonegap3中需要使用命令行环境,早phonegap中叫CLI.…

对于单独的Web app应用来说,加载进来的url一般不能保证它的安全性.那么如何来处理url安全性的问题呢. 让我们来看看PhoneGap是如何做的. PhoneGap采用了白名单的形式,认为在白名单中的url认为是安全的,不在白名单中的url是不安全的.对于安全的url,PhoneGap的Web app会直接打开,对于不安全的url,会通过浏览器打开. 那么怎么增加白名单呢?PhoneGap是需要在配置文件res/xml/config.xml中设置,如下: <cordova> - <…

PhoneGap 和 Cordova的关系阐述 是PhoneGap贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎.你可以把他想象成类似于Webkit和Google Chrome的关系. Apache Cordova is an open-source mobile development framework. It allows you to use standard web technologies such as HTML5, CSS3…

1. Camera Api简单介绍 2. 拍照 3. 预览照片 一. Camera Api简单介绍 Camera选择使用摄像头拍照,或从设备相册中获取一张照片.图片以base64编码的 字符串或图片URI形式返回. 方法: 1. camera.getPicture 拍照获取相册图片 navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] ); cameraSuccess:提供图像数据的onSuccess…

Cordova(PhoneGap) 创建步骤:官方Guide 环境准备 安装 Node.js nodejs.org 安装 git git-scm.com (bin目录添加到path) 安装 cordova 执行命令 npm install -g cordova 创建,移除项目 执行命令 cordova create CordovaStudy xy.study.cordova CordovaStudy 参数: CordovaStudy: 指定项目的文件夹名为CordovaStudy,Cordova…

接口 HTML5 phonegap 差异 地理定位 geolocation 单次定位: navigator.geolocation.getCurrentPosition(Success, [error],[options]); 重复性定位: navigator.geolocation.watchPosition(Success, [error],[options]); 调用接口同左 二者调用方法一致 在phonegap中定位时,会由于设备差异,导致某些设备上无法定位,需要借助百度地图SDK定位.…

HTML5与phonegap接口对比 接口 HTML5 phonegap 差异 地理定位 geolocation 单次定位: navigator.geolocation.getCurrentPosition(Success, [error],[options]); 重复性定位: navigator.geolocation.watchPosition(Success, [error],[options]); 调用接口同左 二者调用方法一致 在phonegap中定位时,会由于设备差异,导致某些设备上…

前言:最近心血来潮做了一个以品牌为中心的网站,打算推出本地服务o2o应用.快速开发手机应用,最后选择了phonegap,这里我只是讲述我安装的过程,仅供大家参考. 我开发的一个模型http://www.w30.cn 可以看下.看看有多差. 如果有什么问题也可以到小组留言,可以的话,贡献一个ip:) phonegap小组 http://www.w30.cn/group/4 如果有什么问题也可以加入我们的QQ群:64674997 ok 不多说了,下面是我的安装过程 环境搭建首先要去下载一些安装包:…

Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina.com 混合开发 Hybird Cordova PhoneGap web 跨平台 MD 目录 目录Cordova 简介官网介绍W3C上的介绍特点.优缺点体系结构基本原理PhoneGap 简介PhoneGap 简介PhoneGap 和 Cordova 的关系PhoneGap 和 Cordova 如何…

首先你得安装一个adt-eclipse 参考资料 http://www.crifan.com/android_eclipse_offline_install_adt/ 然后就可以运行adt-eclipse来进行打包 1.新建Android一个项目 打开Eclipse,单击菜单栏的“File”->把鼠标光标移动到“New”->在弹出的列表框中,如果直接能看到“Android Applicaion Project”选项项,则直接单击此选项,否则选择最下面的“Other...”,在弹出的窗口中,展开…

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/38313021 phonegap的拍照插件选择图库中的图片.代码例如以下: navigator.camera.getPicture(function(uri){ console.log(uri);//这里得到图片的uri }, function(err){ console.log(err); }, { quality: 70, destinationType: navigator.ca…

1.Phonegap是什么 PhoneGap 是一个基于HTML和JavaScript的应用开发平台,使用它可以构建本地应用.你可以把PhoneGap看作一个正方形的web view container,它使用JavaScript编程接口实现用户在不同操作系统下的访问.你可以利用传统的web开发技术(如HTML.CSS. JavaScript )开发用户接口,利用PhoneGap容器把它们部署到不同的应用环境和设备上. 2. Phonegap 能做什么 1).基于Web技术开发移动设备客户端应用…

目前要开发 Web App 还是有比较多的选择的 如 Phonegap.MUI.AppCan,接下来以 Web前端开发工程师 的角度来一个 Phonegap 的 First Blood 一.开发环境: 这里先以 Windows 为例: Node.js 官网下载,百度云盘 版本号:10.35 for x64 安装完成后(目前已经整合了 NPM ),最好在系统变量 Path 中加入安装路径: $ node -v v0.10.35 $ npm -v 1.4.28 Adroid ADT Bundle f…

一. MediaApi 简单介绍 PhoneGap API Media 对象提供录制和回放设备上的音频文件的能力 参数: var media = new Media(src, mediaSuccess, [mediaError], [mediaStatus]); src: 一个包含音频内容的 URI (媒体音乐的播放器) mediaSuccess: (可选项)当一个 Media 对象完成当前的播放.录制或停止操作时触 发的回调函数 mediaError:(可选项)当出现错误时调用的回调函数 me…

0. PhoneGap介绍 0.1  什么是PhoneGap? PhoneGap是一个基于HTML.CSS.JS创建跨平台移动应程序的快速开发平台.与传统Web应用不同的是,它使开发者能够利用iPhone.Android等职能手机的核心本地功能,比如GPS.传感器.震动. 0. PhoneGap介绍 0.1  什么是PhoneGap? PhoneGap是一个基于HTML.CSS.JS创建跨平台移动应程序的快速开发平台.与传统Web应用不同的是,它使开发者能够利用iPhone.Android等职能…

1.    建立专案(cordova) 打开cmd命令行 cordova create ACESMobile aces.mobile ACES cd aces mobile 如图 2.    安装插件 cordova plugin add命令需要您指定的外掛程式代碼的存儲庫.以下是您可能會添加的功能的示例: ·            基本設備資訊 (設備 API):  cordova plugin add org.apache.cordova.device ·            網路連接和電…

一.   跨平台實現架構: phonegap +asp.net+jquery mobile/jqmobi 二.   PhoneGap简介 PhoneGap是一个开源的开发框架,用来构建跨平台的使用HTML,CSS和JavaScript的移动应用程序.它使开发者能够利用iPhone,Android,Palm,Symbian和Blackberry智能手机的核心功能——包括地理定位.加速器.攝像.联系人,声音和振动. PhoneGap的出现就帮助了Web工程师使用自己所熟悉的语言(html.css.j…

之前本博连载过<构建跨平台APP:jQuery Mobile移动应用实战>一书.深受移动开发入门人员的喜爱. 从如今開始,连载它的孪生姐妹书phoneGap移动应用实战一书,希望以前是小白的你们,已经变成了大白. 3.6  PhoneGap中的API能干什么 本章主要介绍进行PhoneGap开发前所须要做好的准备,那么如今是不是该介绍一些关于PhoneGap的事了呢?事实上PhoneGap就是将HTML写成的页面显示出来.然后通过特定的JavaScript获取几组数据而已. 尽管说使用Phon…

来自:http://jinzhe.net/post/8.html 什么是Phonegap呢?Phonegap是一个利用HTML5去开发App的框架.可以为安卓.iOS.WP.黑莓.火狐等移动操作系统.采用HTML5来编写交互界面.其优点是编写一次可以编译到各种移动平台上,大大为公司节省了开发周期.但是它也是有缺点的,性能比如原生的好,只能做一些简单的APP,比如介绍公司的那种,或者网站客户端.要是做游戏还是算了吧. 在MAC下安装Phonegap环境要安装很多种第三方的软件.git,xocde,…

转自:http://mobile.51cto.com/others-308545.htm 本篇文章从PhoneGap由来.功能以及工作原理,力争由浅入深介绍PhoneGap框架.   为什么需要PhoneGap? 移动技术的发展对于开发人员来说是个悲剧,开发应用需顾及到不同平台的框架和开发语言,如iPhone.Android.Windows Mobile等. PhoneGap基于标准的Web技术,在Web应用和设备之间搭建一个通信的桥梁,封装移动设备的平台差异,统一使用JavaScript接口访…

PhoneGap的在线打包有大小限制,超过30M的包无法在线打包.当然,可以把包里面的图片.声音文件去掉,然后打包.下载以后,解包,重新打包并签名.蛮麻烦的. 本地打包的简单方法如下: 下载安装Java环境. 下载安装ADT.http://developer.android.com/sdk/index.html 打开ADT,新建一个安卓应用项目 输入名称啥的,然后就可以一路下一步 可以选择下项目位置,我的是默认的. 这里可以选择图标. 选择第一个 这个时候,一个安卓项目就建好了.这个时候运行,会…