最近公司准备开发一个移动应用,方便起见准备开发web项目,用PhoneGap打包成iOS与Android平台的应用.对PhoneGap完全不了解,所以先装个试下.折腾了大半天,总算弄出点儿眉目,整理下以备查. 一.环境说明 系统:OS X Yosemite 开发环境:Xcode 6.4 二.安装PhoneGap 1.首先下载安装 node.js,node.js应该使用0.10.x的版本,高于这个版本的无法安装PhoneGap. 2.在控制台执行: $ sudo npm install -g ph…

Nova PhoneGap Framework诞生于2012年11月,从第一个版本的发布到现在,这个框架经历了多个项目的考验.一直以来我们也持续更新这个框架,使其不断完善.到现在,这个框架已比较稳定了,对于中小型项目可以直接拿来用,对于大型项目,也只需稍加改造就能够完美支持. 目前该框架实现的核心功能如下: 帮你合理的组织文件结构: 页面跳转.传值以及事件,如load, navigate, away等: 合理绑定设备事件,使用起来更容易: 本地数据库(SQLite)访问: 滚动条. 其他插件,如…

Nova PhoneGap Framework 是完全针对PhoneGap应用程序量身定做的,在这个框架下开发的应用程序很容易实现高质量的代码,很容易让程序拥有很好的性能和用户体验. 在经历了多个项目的考验和改进后,我们这个框架已日趋成熟.希望有更多的朋友使用我们这个框架进行PhoneGap程序的开发,让这个框架变得更加完善. 参考资料: 框架源码:http://cordova.codeplex.com 官方博客:http://apachecordova.blogspot.com…

10.1 Visual Studio + ReSharper PhoneGap程序由HTML.CSS和JS编写而成,这3种语言的编写你都可以用记事本来完成,但显然效率比较低,出错的概率也比较大.一个强大的集成开发环境绝对能帮我们节约很多时间.这里我要推荐Visual Studio + ReSharper. 如果你的PC已经安装了Visual Studio,那么请毫不犹豫的选择用Visual Studio来开发,同时安装最新版的ReSharper.没有其他任何工具比这两种工具的组合强大. 在Vis…

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

一 PhoneGap 1 PhoneGap简绍 http://www.cnblogs.com/JustRun1983/p/3819433.html 2 环境安装 http://cordova.apache.org/docs/en/6.x/guide/cli/index.html 1)安装Cordova 安装环境MacOS,首先要装好NODEJS,NPM.使用以下命令安装Cordova: sudo npm install -g cordova 2) 创建Cordova应用 在Mac的项目路径中,输…

在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用.但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了.因此,移动开发人员都希望能有 Mobile 版本的 Firebug 或者 Chrome 开发人员工具.Weinre 就是这样一款工具,可以帮助我们调试移动网站及 PhoneGap 应用. 您可能感兴趣的相关文章 推荐8款很棒的测试网站速度的免费工具 12款很棒的浏览器兼容性测试工具推荐 构建杀手级应用 JavaScri…

解决跨域资源共享 一.WebApi解决跨域资源共享. 开发中选择WebApi来作为服务端的数据接口,由于使用PhoneGap,就需要通过js来获取远程远程数据服务器的数据,由于同源策略的限制,这就涉及到跨域资源共享问题. 首先新建一个简单的WebApi项目, 使用微软的CORS解决方案,再Nugget中下载microsoft.aspnet.webapi.cors. 配置WebApiConfig: //这里先用*来测试,生产环境下,这样配置是不安全的,需要做一些限制.config.EnableCo…

关于PhoneGap简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用. 配置过程: 在安装Node之前,我们需要配置一下Java环境(针对于Android开发),直接安装JDK,最好不要只安装JRE…

1.安装参考http://blog.csdn.net/mage694/article/details/16846331 2.API  参考http://phonegap.com/developer/…

像生活类.办公协同类. 动态添加,下载等. 1.phonegap 我这里用了旧的版本,可能新版本变化大了. 创建asset资源文件夹,然后新建index.html copy 相应的js 文件进来. 创建继承于 DroidGap的activity. import android.os.Bundle; import org.apache.cordova.DroidGap; /** * Created by Zico_Chan on 2016/11/23. */ public class Hybird…

phoneGap安装:http://blog.csdn.net/cwb1128/article/details/18019751 cocoaPods使用:http://blog.csdn.net/wzzvictory/article/details/19178709…

跟绝大多数PhoneGap程序一样,Index.html是程序的入口.这个页面应该完成应用程序的初始化工作. 首先,让我们来看看这个页面通常都长什么样子: 下面我将一一解释这个页面都做了哪些初始化工作. 2.1 引用所有的CSS 所有的CSS都应该在放在index.html里面,这样做的好处是其他页面会变得很干净,不会到处都在引用CSS,使得CSS更容易管理. 你可以使用SASS来编写CSS,但最后请一定把所有的CSS合并到一个文件.在我的试验中,当index.html引用了太多CSS和JS的时…

一个好的项目架构必然有着合理的文件结构,如果一个项目的文件组织混乱,那么可以断言一定是项目架构有问题. 合理的文件结构能够帮你更清晰的管理你的文件,并且当需要添加新的文件的时候,你的程序员很清楚应该加到哪里.总的来讲,我认为好的文件结构应该满足以下3条标准: 每一个文件夹下面不应该有太多的文件,通常不超过30个: 每一个文件里面的代码不应该超过300行,不管是HTML.CSS还是JS文件: 所有的文件应该有层次感,属于同一层的文件应该放到一起. 前面2条标准看上去非常简单,实际情况呢?确实很简单…

在我们的框架中引入了一个很重要的设计,那就是使用Mock. 这里的mock是指cordova.mock.js文件,它模拟了PhoneGap(Cordova)的API,从而可以在浏览器中运行测试我们的程序,即使我们的程序使用到了联系人.摄像头.设备按键等API. 由于写一个PhoneGap API的mock方法非常容易,我们现在的框架中只包含了少部分的mock,比如deviceready, backbutton, menubutton, 联系人,摄像头等.如果你要调用的PhoneGap API还没…

你可能会疑惑为什么滚动条这么常见的功能会在这里单独列出,但如果你有过PhoneGap开发经验的话,你就会发现要在Android 2.3 里面实现滚动条那真不是一件容易的事. 8.1 概述 目前主流的PhoneGap框架或者库都花了很大的力气来实现滚动条,比如jQueryMobile, Sencha Touch,KendoUI,Intel App Framework (以前叫jqMobi),甚至还有一个专门只做滚动条而变得很出名的iScroll. 出现滚动条百家争鸣的原因是,低版本的Android…

目前,随着Google的Android手机和苹果的iphone手机的逐渐普及,越来越多开发者加入到移动应用开发的大军当中.其中,Android应用是基于Java语言基础上进行开发的,而苹果公司的iphone则是基于C语言开发的.如果开发者编写的应用需要同时在不同的移动设备上运行的话,则必须要掌握多种开发语言.而为了进一步简化移动应用的编程,Nitobi公司推出了一套开源的移动应用解决方案PhoneGap, 网址 http://phonegap.com/ 说白了就是一个用基于HTML,CSS和Ja…

转载自 http://www.appcelerator.com/blog/2012/05/comparing-titanium-and-phonegap/ How PhoneGap Works As we mentioned previously, a PhoneGap application is a “native-wrapped” web application. Let’s explore how the web application is “wrapped”. Many native…

移动市场风起云涌,只是好像和悲催的.net程序员隔绝.我们内心中一直期待的Windows Phone终究不能匹及windows, 随着时间的流逝,windows phone越来越像扶不起的阿斗,连微软自己有念头放弃. 看新闻上,微软打算让windows phone支持Android应用,Nokia出了Android手机…….Net开发人员在移动市场中该何去何从? 下面介绍的PhoneGap, 也许是我们的一个选择. 阅读目录: 一. 什么是PhoneGap? 二. PhoneGap是如何做到的?…

清华大学出版社推出的<构建跨平台APP:PhoneGap移动应用实战> 零门槛学APP开发 从无到有 循序渐进 20余个示例APP 3个项目APP 全平台à跨终端à移动开发 完美生命周期:搭建环境à调用APIà打造产品à设计交互à发布应用à推广 提供的全是PhoneGap的精彩案例: <火影忍者>的“写轮眼” 跑步的“流氓兔” 通讯录 马上有一切 声音的采集 图像的采集 视频的采集 简单的录音机 与HTML5结合的存储应用 “密室逃生”游戏 Flappy Bird游戏APP 新闻列…

1.下载并安装Android Studio, 2.下载并安装nodejs 3.通过nodejs来安装cordova(npm install -g cordova ) 4.使用cordova来创建phonegap.cordova项目(输入命令 “cordova create spreader com.sun.androidapp MySpreader” ,建立工程文件.其中spreader 是文件夹名称,com.sun.androidapp是包名称,MySpreader是工程名称) 5.输入命令…

之前已经配置过一次caffe环境了: Caffe初试(一)win7_64bit+VS2013+Opencv2.4.10+CUDA6.5配置Caffe环境 但其中也提到,编译时,用到了cuda6.5,但是实际训练时,使用GPU训练,又会出现问题.所以强迫症使然,我决定另外配置一个cpu_only的版本,编译时,不使用cuda. 于是网上查了查,很多小伙伴都是使用happynear配置的caffe-windows版本,并参照其博客中的步骤进行编译使用的: 如何快糙猛地在Windows下编译CAFFE…

也许你习惯了使用Eclipse编译和打包Android应用.不过,对于使用html5+js开发的phonegap应用,本文建议你抛弃Eclipse,改为使用命令行模式,绝对的快速和方便. 一直以来,Eclipse+ADT是广大Android应用开发者的必备工具,毋庸置疑,Ecplise在开发Android原生应用方面有着几乎不可替换的位置.Phonegap是一个已经不算是新鲜事物的东西了.PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台的的移动应用程序…

android日历调用首先第一步我们要添加权限 <uses-permission android:name="android.permission.READ_CALENDAR" /> <uses-permission android:name="android.permission.WRITE_CALENDAR" /> 接着我们书写js调用接口 var calendar = { add: function (success, data) {…

1.首先下载Node.js  安装nodejs很简单直接点击安装文件下一步直至成功即可,安装notejs的同时npm也会同时安装 成功后打开notejs的命令行工具 输入“node -v”,"npm -v" 输出版本号标识安装成功,NodeJS的环境变量安装后会自动配置不需要手动设置 2.Ant 下载与安装 Ant是二进制文件,下载后不需要安装,直接解压后 只需要配置环境变量即可 我解压的目录在D盘,配置环境变量ANT_HOME 3.安装PhoneGap(Cordova) 这里是利用N…

phonegap android 当页面内容比较多,表单超出屏幕范围时,点击输入,输入法会遮盖住表单框,而且无法向上滑动. 经过测试发现,是由于config.xml中设置了 FullScreen 的全屏设置造成的.只需将 res/xml/config.xml中的 <preference name="fullscreen" value="true" /> 改为 <preference name="fullscreen" value…

原来在逛园子的时候一不小心发现了一个新概念“PhoneGap”简称PG,我一直都喜欢追逐新事物,自然就产生了好奇心.于是乎我就在百度上面Google了一下PhoneGap是什么东西.简单的说就是用另一种方式来开发Android应用程序,大体上用到HTML,CSS,JavaScript等一些网页技术.事情过去有一段时间,本来也忘了这件事,谁知无意中发现了一个特别好看的网站,而且我想把它运行在手机上面,也可以给其他小盆友们看看,遂用了半天时间来查阅资料,将环境搭建整齐,下面是我搭建环境的步骤简介.…

一.Java环境和Android SDK  1.安装JDK和JRE JRE会在JDK安装完成后自动出现安装界面. 安装完成后,设置环境变量 JAVA_HOME    D:\Program Files\Java\jdk1.7.0_45(不同版本的JDK路径可能不一样) CLASSPATH    .;%JAVA_HOME%\lib(注意开头的.) PATH        %JAVA_HOME%\bin   2.安装Android SDK 下载好的Android SDK是个压缩包,名字类似adt-bu…

Eclipse 是一种支持多种技术的开源集成开发环境 (IDE),但本文重点介绍 Java 支持,这也是 Android 应用程序的“母语”.Android 是 Google 发布的开源移动操作系统.Android 现已成为许多智能手机和平板设备的操作系统,其中包括三星 Galaxy 系列手机和平板电脑.亚马逊 Kindle Fire 平板电脑.Barnes and Noble Nook 平板电脑,以及大量制造商生产的许多其他设备.PhoneGap 是一个开源应用程序平台,可让您使用 HTML…

本文细致探讨了 Xcode(以 iOS 设备为目标)中的 PhoneGap(也称为 Apache Cordova)应用程序本机插件.如果您刚开始接触 PhoneGap 或者需要回顾 PhoneGap 基础知识,请先阅读 Xcode for iOS 的 PhoneGap 入门,然后再继续阅读本文. 本文交替使用术语 Cordova 和 PhoneGap 指示同一开源应用程序平台,该平台可供您使用 HTML 和 JavaScript 创建本机安装的移动应用程序.PhoneGap 代码库已迁移至 Ap…