之前写过一篇构建webapp项目的文章PhoneGap的开发环境>，假设已经写了一个简单的demo页面，现在如何生成一个安装程序并安装到手机中，进行效果预览呢？ ...PhoneGap的官网提供一个buid生成器，利用它可以生成相应的安装程序。地址：https://build.phonegap.com/apps ，需要先登录，然后给应用取一个名字。 ?...现在开始要安装应用程序了，可以选择91助手或是豌豆荚(很郁闷的是，默认安装在系统盘，如果修改安装路径，安装完成后在桌面生成的快捷方式是不可以点击的----看来别人说它多么好还是不靠谱，自己用用才知道好不好...最后在所有应用中，就可以看到刚刚安装的应用程序了，如上图所示。...不得不说，PhoneGap对于面向PC端的WEB前端人员是一个福音，也是一个很好用的工具，缺点就是太耗资源（差点没把我机器搞挂，当然家里的机器是比较古老了）。
PhoneGap能让你只使用的简单的Web技术即可获得移动设备的原生特性，如摄像头、加速器、指南针。 PhoneGap是完全开放源代码的，你可以通过编写组件，实现任何原生设备特性的扩展。...1.在系统中，首先转到root目录，这就是我们要创建项目的目录。如下代码： cd / cd root 2.转到root目录后，然后就可以通过phonegap create命令来创建项目了。...4.插件添加完成以后，就可以在创建的目录中，进入www目录下，然后对index.html进行编辑，在这里面实现点击返回按钮时，弹出“hello world”，保存文件。...系统事件由系统激发，如时间每隔24小时，银行储户的存款日期增加一天。用户事件由用户激发，如用户点击按钮，在文本框中显示特定的文本。事件驱动控件执行某项功能。 ...通常情况下，我们希望在HTML文件的DOM加载完毕后使用document.addEventListener附加一个事件监听器。
2.2+ 中的phonegap iOS 4+ 的safari浏览器 BlackBerry v6.x 模拟器 webOS chrome8+ safari5+ 关于Weinre的Java版本下载地址无法访问的问题...Weinre也从最初的Java移植到了当前的JavaScript。在GitHub上搜索weinre的结果中前两个就是官方的Weinre项目。 ?...Debug服务端所在的内网IP地址可以在命令提示符中输入ipconfig命令查看 ?...---- Target Bookmarklet 使用此方法可以将标签中的代码注入到目标页面代码中。...目前国外的有PhoneGap提供的weinre远程服务，用户可以访问下述网址参看用户远程调试接口 http://debug.build.phonegap.com/ ?
PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本，低开发周期，轻量化等优点，这些咱暂时也没法证明，略过不表。...2.在eclipse下新建Andriod项目，这个跟普通项目一样。 3.在assets目录下新建文件夹“www” 把lib/android目录下的cordova-2.6.0.js复制到这个目录下。...4.在www目录下新建一个html文件index.html。我们的界面就要在这里建立了。 index的代码如下： <!...文件夹整个复制到res面目下 6.修改AndroidManifest.xml添加用户权限 在标签的内的最前部添加如下代码 build就过了。 最后run一下： 这样一个phonegap的Andriod程序就搞定了。明天把昨天的那个HTML5画板移植过来。
phonegap已经不再是phonegap，而是phonegap build，用来打包的。...以前phonegap中，用来JS与native通信的模块，现在叫做cordova，也就是现在要套壳的话，是套cordova。...build 两个命令的区别在于： prepare，在Xcode里面需要再build，才能运行。...build，在Xcode中不需要再build，可直接运行。...cordova prepare 或者 cordova build 1 cordova prepare 或者 cordova build 这个时候，在页面中，就可以通过如下方式调用扫描二维码功能了。
别忘记了在系统环境变量中，添加android sdk的tools包路径 ?...(设置好以后可以在cmd下测试一下~) =========== 环境弄好了，开始写个Demo（详情可参考PhoneGap的官网，需要先下载PhoneGap-0.9.5）~ 1、新建一个Android Project...2、导入需要的包、建议文件目录 下图是下载phonegap-0.9.5后解压出来的包，复制phonegap.0.9.5.jar到第一步建立的工程的libs目录中 ?...选中 phonegap.0.9.5.jar，右击 -> Build Path –> Config Build Path… 切换到Libraries选项卡： ? 添加架包： ?...这里为了简单，直接复制phonegap例子中的三个文件到www目录下： ? 修改com.phonegap.helloworld包下面的App.java文件： ?
上面的定义是百度百科的官话，用白话文翻译就：所谓hybridApp就是在app中嵌入web页面 兴起原因 之所以Hybrid App会兴起并且红极一时， 其实段移动互联网产业的一种偶然。...Phonegap Build Phonegap Build是一个在线打包工具，你把使用cordova写好的项目给Phonegap Build，Phonegap Build就会在线打包成App。...Phonegap 电脑软件公司Adobe 2011年10月4日宣布收购了创建了HTML5 移动应用框架PhoneGap 和PhoneGap Build的新创公司Nitobi Software。...全新的Phonegap诞生，他继承了Phonegap Build和cordova ，由此phonegap在混合开发领域变得异常响亮，导致，我们不需要线上打包能力，只使用cordova时，也被叫做使用Phonegap...其实JSBridge说白了就是去除了各大混合开发平台封装的一条龙的服务，而只保留了web和Native的通信部分，去在app的webview中嵌入web，来解决原生端解决不了的问题，比如：原生无法解析富文本
,开发出来的程序经过在各自的平台上编译形成独立的安装程序。...WP7等平台也在逐步兼容中。 l 降低开发门槛。对于很多WEB开发人员来说，熟悉Objective-C语言和Java语言都是比较痛苦的事情。有了PhoneGap就不用担心这些了。...会简单使用这些平台后，就可以安装PhoneGap的平台了，可以参考：http://www.phonegap.com/start 1.4 PHONEGAP的得力助手 开发PhoneGap的程序，jQuery...3.1.2 用PhoneGap访问设备本地API 提供跨平台设备访问能力，以下列出访问设备部分功能，本系列专题在以后文章中详解使用方法。...明白以上两个特性，参照下面PhoneGap与设备本地API通信图，一个成熟的PhoneGap技术客户端运行状况如下： 应用运行在WebView组件上 —》 通过PhoneGap在各平台的扩展 —》 最终访问设备本地资源
Apache Cordova是PhoneGap贡献给Apache后的开源项目。是从PhoneGap中抽出的核心代码。是驱动PhoneGap的核心引擎。...怎样在PhoneGap或者Cordova框架下实现JS调用Android原生代码?...(这里就不再啰嗦怎样在Android程序中集成PhoneGap了) 1.在你的html5中config.js定义你的Plugin的名称和方法。...中调用你的插件。...然后在JS里调用了MyPlugin下的Update插件，这个插件在config.js里被定义。在plugin.xml中被注冊，插件详细运行的地方时UpdatePlugin里的execute()方法。
2、使用的场景不同，手机用户多数在户外的时候使用应用，希望能够在尽可能快的时间内完成任务。 3、用户交互的方式不同。...假设你已经在本机安装了JDK1.6+，因为要使用Java Development Environment的支持，所以需要Ecplise版本在3.2以上。...下载地址：http://developer.android.com/sdk/index.html 3、安装Eclipse的Android ADT插件 4、如果没有物理的测试机，还需要使用AVD创建模拟器...5、安装PhoneGap库文件（Cordova），PhoneGap捐赠给Apache基金会后，名字改为了Cordova，我们需要从网站上下载源码 现在Google的Android网站上提供了集成环境的下载...实际的开发案例（Mac OS X下）： 1、将Android的平台工具（platform-tools）和工具（tools）两个目录加入环境变量中 2、进入到Cordova对应的Android版本bin目录下
幸运的是，有很多公司已经在研究如何使原生APP的开发变得简单，目前为止多平台的开发方法主要有两种：第一种方法就是以Web 应用为内核，填充到原生app中（PhoneGap提供的解决方案）。...下面我们就详细对比PhoneGap 与Xamarin。 PhoneGap 开发人员使用PhoneGap 时，可使用 JavaScript，HTML5,CSS来开发。...这些应用程序称为混合应用，既不是原生的（在WebView中渲染）也不是纯Web的应用（需要访问原生设备API，是安装包的形式）可使用其他插件扩展PhoneGap 功能。...Xamarin VS PhoneGap Xamarin.Forms PhoneGap 使用C#或XAML语言编码 使用 JavaScript，HTML,CSS 编码 开发iOS ,Android,WindowsPhone...Xamarin -- 借助 Xuni （本地化、跨平台移动控件集），使用本地编程技术，可以在 IOS、Android 和Xamarin平台上使用相同的 API。
它使开发者能够在网页中调用IOS，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap...较著名的有Worklight、appMobi、WeX5等；其中WeX5为国内打造，完全Apache开源，在融合Phonegap的基础上，做了深度优化，具备接近Native app的性能，同时开发便捷性也较好...；代码编写完之后，通过phonegap的build工具构建 采用w3c标准，包括但不限于HTML5、CSS3、JavaScript，比如说W3C标准中的命名方式等 不需要手机编程基础，只要会HTML就能做应用...，例如 PhoneGap Build 和 Adobe Shadow，来帮助开发者简化开发。...你要做的就是把这些基础组件使用JavaScript和React的方式组合起来。能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。
使用phonegap创建的ios项目，推送消息时，当程序在前台运行或者在后台运行状态下，推送消息过来，可以解析并且跳转； 但是在程序从后台退出的状态下，当消息推送过来的时候，点击通知栏，打开程序，程序竟然出现了...经过一番排查，发现原来phonegap创建的项目默认是没有自动引用计数的(非arc机制），而我们在 - (BOOL)application:(UIApplication*)application didFinishLaunchingWithOptions...:(NSDictionary*)launchOptions 代理方法里面的代码都没有进行相应的释放，造成”闪退“现象。...点击 Build Settings --> Apple LLVM 6.1 - Language - Objective C --> Objective-C AutoMatic Reference Counting
cordova与phonegap有什么关系？ phoengap 官方网址：http://phonegap.com 如果能了解一个框架的兴起还是一件比较有趣的事。...phonegap继续成长，在2011年10月，整个Nitobi团队被adobe收购，PhoneGap的项目主管Brian LeRoux指出开源PhoneGap的决定在Adobe收购Nitobi之前就做出了...所以Apache Cordova是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎，你看着两个官网风格多差不多。...随着时间的推移，PhoneGap可能会加入其它的Adobe的服务，而这些服务不 适合发布到Apache的项目上。例如，PhoneGap和Adobe Shadow就有一大堆的战略方针。...不过不用担心，PhoneGap会持续地保持免费开源而且在Apache Cordova上也是免费的。 下面是当前比较流行的html5开发框架，以及覆盖的主要平台， ?
这是因为我是用pc的浏览器打开的，所以phonegap的函数根本没有执行。但如果我把它打包到手机中，文件列表就会出现，不错，phonegap就是如此神奇。...pdf文件，所以这里有一个我自己写的pdf插件，这也是phonegap强大之处，因为如果你在开发时觉得js和phonegap的功能不能满足自己应用时，可以开发出自己的phonegap插件，而关于如何制作插件...，在我下一篇文章中会讲到。...好，现在首先来看看phonegap的file类，这里我用到的是DirectoryEntry，该对象代表文件系统中的一个目录，以及DirectoryReader，该对象包含目录中所有的文件和子目录的列表对象...根据phonegap官网的开始指导，我们首先要把phonegap的库加载，phonegap的库包括js和jar，可以到以下地址下载：phonegap与sencha touch的js库，phonegap1.8
一开始我也分不清，后来发现，APNS可以在应用关闭的时候，通过iOS系统的通知栏，推送消息给用户，让用户重新进入app中执行某些事情。...参考这篇文章：https://github.com/phonegap-build/PushPlugin#automatic_installation 使用方法： 1、安装PushPlugin插件 cordova...plugin add https://github.com/phonegap-build/PushPlugin.git 2、配置插件 View the code on Gist....这个是我把官方的例子，做了一下AMD的封装，使用的方法如下。...ruby pushAPNS.rb PushPlugin使用小结 客户端安装PushPlugin，并配置好register的时机，同时，在获取到token之后，将token上报给服务端。
toc 使用phonegap开发APP的优劣在此不必细说，快速，简单，跨平台，以及随着iOS，Android本身对webview优化所带来的不错的性能，便是其独有的优势。...而且私以为在目前激烈而又变化快速的移动APP市场环境下，用phonegap来开发APP未尝不是一种低成本mvp的方案，快速发布，成王败寇^-^ 为什么选用ionic 其中ionicframework便是...phonegap开发hybrid APP技术中的一员新秀，甚至可以说是一员虎将，而且免费且开源。...需要提示的是，安装插件后，在启动图片未关闭时候，默认菊花转在屏幕中间，如果你要自定义，可以更改插件中的原生代码，以iOS为例,将其改到屏幕底部：更改/src/ios/CDVSplashScreen.m中...中的TouchID也可以在hybrid APP中使用了，$cordovaTouchID 上述推荐仅仅是自己在开发Hipo的一点经验之谈，还是建议需得根据自己APP实际情况选用自己需要的插件。
UIWebView是iOS SDK中一个最常用的控件，在PhoneGap中，默认也是使用UIWebView作为默认视图显示我们的HTML应用的。...在使用PhoneGap的项目中，默认WebViewBounce这个选项是打开的，所以使用手指向下或者向上滑动屏幕时，经常会看到页面底部和屏幕底部会出现一大片空白，然后松开手指后，再弹回去的特效。...name="WebViewBounce" value="false" /> 经过我在...PhoneGap 2.6、PhoneGap 2.9 这两个版本中测试后，发现都不能够生效。...经过分析，实际上iOS中的PhoneGap项目，只不过是默认初始化一个UIWebView，然后在这个视图中加在HTML资源，那么我们可以直接使用原生代码将Bounce禁用。
Cordova 简介 在介绍Cordova之前，必须先提一下PhoneGap。...据说Cordova是Nitobi团队当时坐落的街道名称，用此名来纪念Nitobi团队的贡献。Apache Cordova是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。...摘自官网 Get Started Fast 官网中也把Cordova 的使用划分了一些步骤。...我在终端中输入如下命令： cordova create /Users/harvey/Desktop/Other/MyApp 然后在Other 文件夹中就创建了一个叫MyApp的文件夹： 目录结构如下...我这里使用的命令是: cd /Users/harvey/Desktop/Other/MyApp 然后在这个文件夹中，我们需要添加一个 App 需要支持的平台。
首先想到的是安装cordova plugin add cordova-plugin-barcodescanner插件 插件安装的比较顺利，但是打包时总出现问题，按下面解决方法ok This is how...最后在platforms\android\AndroidManifest.xml 文件中修改配置文件目标sdk为22,扫描ok 但是发现扫描不能竖屏使用，横屏很不方便。...后来发现phonegap-plugin-barcodescanner插件可以竖屏扫描，于是赶紧安装这个插件试试 安装步骤 （1）首先按正常流程初始化项目，默认安装的是cordova-build 是6.1.2...phonegap-plugin-barcodescanner 在安装的时候会下载gradle-3.3-all.zip，估计网速慢的原因下载不下来，需要手动下载 然后放到E
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
