第一章 phonegap介绍 1.1 什么是phonegap PhoneGap是一个自由开放源码的开发工具和框架，允许利用HTML + JavaScript + CSS的强大功能在多个手机平台上开发程序...会简单使用这些平台后，就可以安装PhoneGap的平台了，可以参考：http://www.phonegap.com/start 1.4 PHONEGAP的得力助手 开发PhoneGap的程序，jQuery...We will be working with the Android directory. 上边三个是android的基本环境，下边的是phonegap所需的sdk包。...创建完成后在根目录下创建两个新目录 /libs /assets/www 然后到phonegap目录的android目录下拷贝 phonegap-1.3.0.js到 /assets/www 拷贝phonegap...> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.tgyt.phonegap
最近接触了PhoneGap，也顺带了解了Mobile Web. 他们出现的目的就是为了让Web开发者使用HTML、Javascript、CSS等Web APIs开发跨平台的移动应用程序。...现在很多软件，比如说腾讯新闻，就是采用Web技术开发，然后在PhoneGap上打包成APK。 （找不到腾讯新闻的图片对比，先用个别的）: 从样式上看起来，给人的感觉和用原生技术开发的差不多嘛。...而且重要的是MobileWebApp的优势真的很诱人，现在一般公司开发软件都是Android和iOS两套，成本很高。采用MobileWebApp后的确可以节省很多开销。...那么问题来了，作为正在Android原生技术开发道路上的一直菜鸟，我很担心: 会不会哪天我好不容易把原生技术学的差不多了，duang！一下子PhoneGap可以完全替代Android原生了。
IDE需要使用Eclipse 3.4+ 安装 SDK + PhoneGap 1、需要安装eclipse 3.4+ 下载地址>> 2、安装ADT插件 ? ?...(设置好以后可以在cmd下测试一下~) =========== 环境弄好了，开始写个Demo（详情可参考PhoneGap的官网，需要先下载PhoneGap-0.9.5）~ 1、新建一个Android Project...2、导入需要的包、建议文件目录 下图是下载phonegap-0.9.5后解压出来的包，复制phonegap.0.9.5.jar到第一步建立的工程的libs目录中 ?...这里为了简单，直接复制phonegap例子中的三个文件到www目录下： ? 修改com.phonegap.helloworld包下面的App.java文件： ?...> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.phonegap.helloworld
PhoneGap架构 ? Android开发环境准备 PhoneGap只是一个框架（Framework），因此并不提供集成开发环境和工具，所有的都需要我们自己准备。...Platform，即AVD） 4、Android ADT Eclipse插件 5、Android AVD for Android 2.2（Android Virtual Device，相当于Platform...） 6、PhoneGap SDk for Android 具体步骤： 1、下载安装Eclipse。...5、安装PhoneGap库文件（Cordova），PhoneGap捐赠给Apache基金会后，名字改为了Cordova，我们需要从网站上下载源码 现在Google的Android网站上提供了集成环境的下载...参考资料： 1、Begin PhoneGap 2、PhoneGap 3、Getting Started with Android 4、Cordova
优缺点 PnoneGap的优点 1.跨平台 PhoneGap目前支持的移动平台有: Android, iOS, Windows Phone、 Windows 8、 Firefox OS、 Amazon...add cordova-plugin-network-information 3.PhoneGap生成android项目，我们可用以下命令： phonegap build android 如果想运行到...ps：本文中所讲的内容都是基于android平台。 项目 我们就带大家来感受一下创建一个自己的phonegap程序，实现功能很简单就是点击返回按钮时，弹出“hello world”。...function onBackKeyDown() { alert("hello world"); } 5.在命令行中，通过如下命令，使我们的项目运行到android...如下代码： phonegap build android 由于我们在网络上进行编译并且是第一次，所以用时会比较长，等编译完成后，再编译就比较快了。
因为没有IOS的开发key，所以这里只发布成功Android系统的安装程序。...之前写过一篇构建webapp项目的文章，假设已经写了一个简单的demo页面，现在如何生成一个安装程序并安装到手机中，进行效果预览呢？ ...PhoneGap的官网提供一个buid生成器，利用它可以生成相应的安装程序。地址：https://build.phonegap.com/apps ，需要先登录，然后给应用取一个名字。 ?...然后下载为Android系统生成的apk安装程序。 ?...不得不说，PhoneGap对于面向PC端的WEB前端人员是一个福音，也是一个很好用的工具，缺点就是太耗资源（差点没把我机器搞挂，当然家里的机器是比较古老了）。
大家好，今天我给大家介绍一下通过两个新的html5技术sencha touch 和phonegap来开发android应用。...因此，phonegap应运而生，顾名思义，phonegap目的就是消除不同移动平台的差异，同时消除webapp与nativeapp的差异。...这是因为我是用pc的浏览器打开的，所以phonegap的函数根本没有执行。但如果我把它打包到手机中，文件列表就会出现，不错，phonegap就是如此神奇。...根据phonegap官网的开始指导，我们首先要把phonegap的库加载，phonegap的库包括js和jar，可以到以下地址下载：phonegap与sencha touch的js库，phonegap1.8...库准备，然后我们请求android的文件系统，requestFileSystem，第一个参数为sdcard的根目录，第三个参数是成功请求的回调函数，该函数的参数是phonegap里面的FileSystem
UIWebView是iOS SDK中一个最常用的控件，在PhoneGap中，默认也是使用UIWebView作为默认视图显示我们的HTML应用的。...在使用PhoneGap的项目中，默认WebViewBounce这个选项是打开的，所以使用手指向下或者向上滑动屏幕时，经常会看到页面底部和屏幕底部会出现一大片空白，然后松开手指后，再弹回去的特效。...name="WebViewBounce" value="false" /> 经过我在 PhoneGap...2.6、PhoneGap 2.9 这两个版本中测试后，发现都不能够生效。...经过分析，实际上iOS中的PhoneGap项目，只不过是默认初始化一个UIWebView，然后在这个视图中加在HTML资源，那么我们可以直接使用原生代码将Bounce禁用。
$ phonegap create myVueApp --template https://github.com/hollyschinsky/phonegap-template-framework7-...vue $ cd myVueApp $ phonegap serve 出自 http://devgirl.org/2017/01/10/phonegap-apps-with-vue-js-yes-please
PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网＞ 看引擎＞ 开源产品 ---- 依照我一惯得套路，我会先说一点废话。...PhoneGap和Cordova什么关系？为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台。...Apache Cordova是PhoneGap贡献给Apache后的开源项目。是从PhoneGap中抽出的核心代码。是驱动PhoneGap的核心引擎。...怎样在PhoneGap或者Cordova框架下实现JS调用Android原生代码?...(这里就不再啰嗦怎样在Android程序中集成PhoneGap了) 1.在你的html5中config.js定义你的Plugin的名称和方法。
下面我们就详细对比PhoneGap 与Xamarin。 PhoneGap 开发人员使用PhoneGap 时，可使用 JavaScript，HTML5,CSS来开发。...最重要的是PhoneGap 是免费开源的。...Xamarin VS PhoneGap Xamarin.Forms PhoneGap 使用C#或XAML语言编码 使用 JavaScript，HTML,CSS 编码 开发iOS ,Android,WindowsPhone...Xamarin -- 借助 Xuni （本地化、跨平台移动控件集），使用本地编程技术，可以在 IOS、Android 和Xamarin平台上使用相同的 API。...无论需要Android 图表、Xamarin.Form 仪表盘还是IOS表格控件，Xuni 都高质量的创建适用于所有设备的企业级应用。
PhoneGap用JavaScript统一封装了几大平台的本地api（Andriod，IOS，WP8/7，WINRT）等等。。...PhoneGap后来被Adobe收购，然后又贡献给了开源社区，现在由Apache管理，改名cordova。...为了给昨天的html5画图板移植到移动设备上，我决定采用phoneGap平台，这样只要编写一边就可以多出运行了。 今天先在Andriod下架设phoneGap环境。...1.下载phoneGap http://phonegap.com/download#autodownload 解压出来，找到lib/android目录。...最后run一下： 这样一个phonegap的Andriod程序就搞定了。明天把昨天的那个HTML5画板移植过来。
React Native 相比于其他移动端框架 (比如 PhoneGap、Cordova 和 Ionic) 又如何呢？ 现在我们来深入这些问题。坐稳了！...另外一个阵营就是以 Cordova/PhoneGap 和 Ionic 为代表的。这些框架可以让 Web 开发人员使用他们已经具备的 HTML、CSS 和 JavaScript 技能来开发应用。...总结 好了，我们已经介绍了“原生”的真正含义、什么是 WebView UI 、为什么 React Native UI 更好，以及 React Native 相比于像 Cordova/PhoneGap 和
这次来看一下怎么把上次的HTML5画图板使用PhoneGap移植到Andriod上去。...经过上一篇的PhoneGap环境的搭建，很轻松的就把一个HTML5的web应用移植到了Andriod上去，可以看出PhoneGap的强大。...device-height, target-densitydpi=device-dpi" /> HTML5Paint <script src="http://debug.<em>phonegap</em>.com...所花费的成本真的很小很小，<em>phoneGap</em>真的是个很有前途的东西。
Phonegap自从捐赠给Apache基金会后，改名字为Cordova了，文章发表时的稳定版本是 2.6.0 。...Apache Cordova提供了使用Web技术来开发Mobile应用的方式，目前支持Android、IOS、Windows Phone、Blackberry等近十种平台。...安装Cordova： 从 这里 下载最新版本的Phonegap，我下载的是2.6.0。下载后对压缩包进行解压缩。...创建工程： 在早期的Phonegap版本中，会提供一个dmg安装包，安装后就会在Xcode中添加一个Phonegap的工程模板。但是新的2.6.0不再采用这种方式，而是使用了命令行的创建方式。...参考资料： 1、Getting Started with iOS 2、百度百科 Phonegap
给Ionic写一个cordova(PhoneGap)插件 之前由javaWeb转html5开发，由于面临新技术，遂在适应的过程中极为挣扎，不过还好~，这个过程也极为短暂；现如今面临一些较为复杂的需求还会有一丝丝头痛...对于新手，建议准备好相应的IDE及环境：webstrom、google chrome、eclipse(或者 idea)，android SDK ; webstrom 用于配合页面js以及插件开发，eclipse...="http://schemas.android.com/apk/res/android"> 4 Integrity checking 5 ...-- android --> 18 19 20 21 <param name="<em>android</em>-package"
Weinre 就是这样一款工具，可以帮助我们调试移动网站及 PhoneGap 应用。 Weinre 简介 在使用 Weinre 之前，我们先了解一下 Weinre 的基本概念。...Weinre 支持的平台 支持的调试客户端（运行调试界面的浏览器）： Google Chrome Apple Safari 其它基于 WebKit 的浏览器 支持的调试目标（需要调试的网站或应用的界面）： Android...浏览器应用 iOS Mobile Safari 应用 PhoneGap/Cordova other 不支持的调试目标： iOS 3.1.3 及更早版本 webOS 1.45 及更早版本 资料： 《Weinre
implemented as a prepackaged Cordova application built for the selected mobile platforms (currently iOS and Android...，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。...PhoneGap PhoneGap is an HTML5 application platform that allows developers to author native applications.... - because of one known issue of Android $ svn checkout https://svn.apache.org/repos/asf/incubator/...callback/phonegap-android/trunk/ $ grep -r -n -i --include=*.java addJavascriptInterface * In the com
前几天用phonegap编译GameBuilder+CanTK时，发现HTML里的viewport无效。...在网上查了一下, 也没有找到系统的资料，但我知道WebView一定有相应的设置来启用viewport，结合找到的资料和phonegap的源码，终于找到了解决方法，这里总结一下： iOS平台的解决方法：在...phonegap的config.xml中增加一行配置： <preference name="EnableViewportScale" value="true"/ (奇怪的是此方法对android平台无效...，我看了CordovaWebView.java，里面没有相关设置) android 平台的解决方法一：修改CordovaWebView.java： settings.getUserAgentString...(); //增加下面两行代码： settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); android
先说说项目情况：使用phonegap创建的ios项目，然后在使用html + css开发网页中又使用了一个框架Framework7(Framework7是一个构建仿原生ios和android应用的框架
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
