phonegap | 易学教程

PhoneGap 与 Application Cache应用缓存

阅读更多关于 PhoneGap 与 Application Cache应用缓存

一个想法在研究 PhoneGap 的时候一直在想一个问题，怎么提高移动网络下的网络性能？特别是静态文件，多次加载完全是浪费。 HTTP 协议中控制缓存也比较纠结，总会有个 304 请求，而且各种协议，各种 HTTP header，都不统一。而且 304 实际上也是进行了一次 HTTP 请求的。因为用的是 PhoneGap，可以用 Navtive Code 来进行扩展，所以想到一个点子，是否能有一个静态文件升级功能？远程有一个文件标记着静态文件包的最新版本，如果有更新，这个插件就自动把静态文件下载到本地。然后 PhoneGap 打开的页面使用本地缓存的静态文件即可。完全不需要任何请求！ HTML Application Cache 正当我纠结怎么实现的时候，发现了 HTML5 种已经有类似的东西了，而且实现的功能和我的需求一模一样。因为它就是为离线应用设计的。离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题。使用缓存接口可为您的应用带来以下三个优势：离线浏览 – 用户可在离线时浏览您的完整网站速度 – 缓存资源为本地资源，因此加载速度较快。服务器负载更少 – 浏览器只会从发生了更改的服务器下载资源。应用缓存（又称

【更新】PhoneGap实现信息推送-基于极光推送（Android版）

阅读更多关于【更新】PhoneGap实现信息推送-基于极光推送（Android版）

极光推送插件安装地址： https://github.com/jpush/jpush-phonegap-plugin 安装插件后，需要在AndroidManifest.xml中配置极光平台申请的App Key： <meta-data android:name="JPUSH_APPKEY" android:value="aca4b37e5c00d477b*****" /> 在JPushPlugin.java文件的22行处有报错，需要把这里修改为你自己的主包名。插件中JpushPlugin.js中setTags方法存在bug，需要在data参数加上[]，如下所示: JPushPlugin.prototype.setTags = function(data){ try{ this.call_native("setTags",[data],null); }catch(exception){ console.log(exception); } } 另外由于极光推送插件使用了PhoneGap的device插件，因此需要安装它： cordova plugin add org.apache.cordova.device 如果需要对所有用户推送信息，只需要在App启动时初始化插件即可： document.addEventListener("deviceready",function(){ /

20分钟轻松制作移动网站

阅读更多关于 20分钟轻松制作移动网站

最近关于移动网站开发或APP轻应用的内容越来越多了，，有一些好的方法可以快速开发，但不系统，这里推荐一本书吧。　PhoneGap的目的是用来快速开发移动跨平台 APP，它基于 HTML 5，支持市面上流行的移动设备，《构建跨平台APP：HTML 5+PhoneGap移动应用实战》的特色就是快速学习如何利用 HTML 5和 PhoneGap开发移动 APP。《构建跨平台APP：HTML 5+PhoneGap移动应用实战》分为三篇，第一篇介绍 HTML 5为移动页面设计的一些新元素，包含移动开发的大背景、移动布局、地理位置、Web存储、多媒体等等；第二篇介绍 PhondeGap辅助 HTML 5开发应用的一些 API，包含事件处理、信息处理、加速度、地理位置、指南针、本地存储和多媒体等等；最后一篇通过两个实例，介绍了 HTML 5+PhoneGap开发移动 APP的两个项目开发流程和实现代码。《构建跨平台APP：HTML 5+PhoneGap移动应用实战》适合有一定 HTML+CSS+JavaScript网页开发基础的人员，可作为培训教材使用。来源： oschina 链接： https://my.oschina.net/u/1858072/blog/613429

[Android]PhoneGap源码分析——白名单

阅读更多关于 [Android]PhoneGap源码分析——白名单

对于单独的Web app应用来说，加载进来的url一般不能保证它的安全性。那么如何来处理url安全性的问题呢。让我们来看看PhoneGap是如何做的。 PhoneGap采用了白名单的形式，认为在白名单中的url认为是安全的，不在白名单中的url是不安全的。对于安全的url，PhoneGap的Web app会直接打开，对于不安全的url，会通过浏览器打开。那么怎么增加白名单呢？PhoneGap是需要在配置文件res/xml/config.xml中设置，如下： <cordova> -  <access origin="http://127.0.0.1*" /> -  -  - <!-- <access origin="https://example.com" subdomains="true" /> such as above, but

看看国外的phonegap和ionic移动app开发框架有多火

阅读更多关于看看国外的phonegap和ionic移动app开发框架有多火

在2010年左右的时候，在android内存还在512内存的时候，和多人对phonegap提出了很多的质疑，以及一些不正当竞争的国内公司，用自己的框架和jqueryMobile+phonegap组合来给phonegap泼凉水，懂得人一看就呵呵了。在当今手机硬件发展光速的年代（夸张了），如果你还质疑它的速度以及未来的速度，我们就呵呵了。下面给大家分享一下外的phonegap和ionic移动app开发框架到底有多火：多的不说了先看图： phonegap网站的日访问量： ip: 555000 基于phonegap 以及angularjs 的移动app html5开发框架 Ionic 的日访问量 ip: 492000 大家都懂的，下面给大家简单介绍一下 phonegap Angularjs ionic 懂的可以不看 1.Phonegap介绍 PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用 iPhone，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用 Phonegap运行速度 1. android环境： a) 512内存手机可以放弃phoengap b

How to add function on button in phonegap?

阅读更多关于 How to add function on button in phonegap?

I'm new to Phonegap and I want to develop a Phonegap application for Android.. I want to give some function on button click on my html.. I've tried this code but it does not work: index.html <!DOCTYPE HTML> <html> <head> <title>PhoneGap</title> <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> <script type="text/javascript" charset="utf-8" src="mycode.js"></script> </head> <body onload="init();> <h1>Hello World</h1> <form> <input type="button" value="Click me" onclick="msg()" /> </form> </body> </html> mycode.js function init() { // the next line makes it impossible to

使用Dreamweaver cs6开发移动应用

阅读更多关于使用Dreamweaver cs6开发移动应用

搭建Dreamweaver集成移动开发环境前需要了解移动Web开发。移动Web开发顾名思义用传统Web技术(Html,JavaScript)开发移动应用，有两种方法： 1、纯网页开发：用户通过在浏览器中输入网址访问，利用HTML5技术可以做到离线存储、地理位置跟踪等，缺点无法访问终端本地API，如：摄像头、文件系统、手机联系人等。 2、基于Web的伪本地应用： Web程序被打包成本地应用安装在移动终端。比如生成Android的APK安装包，可以发布在各大Market市场。优点是理论上可以访问终端几乎所有API，但是需要移动中间件的支持。我们目前主要讨论这种开发方式，关注并研究移动中间件 PhoneGap 。相关技术介绍 1、移动Web开发总体架构，按照程序执行顺序：移动Web UI框架(Sencha Touch、jQuery Mobile等) -> 移动中间件(PhoneGap) -> 操作系统(Android、iOS、BlackBerry、Symbian、webOS)。从左到右，表示程序执行过程中，框架所处的位置，PhoneGap处于页面和操作系统之间。 2、 Sencha Touch 支持平台相对不多 iPhone、Android和黑莓，但是功能强悍，可以简单看成Ext在移动设备的移植版本，如果你熟悉Ext框架会用起来非常顺手。像偶这样不喜欢写 div

Cordova, Phonegap and ionic ( ios missing 1024x1024 icon )

阅读更多关于 Cordova, Phonegap and ionic ( ios missing 1024x1024 icon )

问题 Missing Marketing Icon. iOS Apps must include a 1024x1024px Marketing Icon in PNG format. Apps that do not include the Marketing Icon cannot be submitted for App Review or Beta App Review. when you upload your application to the apple store magazine, you get a similar error with the above article? You can find and apply the solution below. Now the apple store wants to have 1024x1024px icon in the application. Otherwise, it will not allow the approval process. I'm sorry for my bad english. 回答1

如何采用Yeoman + Grunt + Bower开发基于PhoneGap的Hybrid APP

阅读更多关于如何采用Yeoman + Grunt + Bower开发基于PhoneGap的Hybrid APP

一直想开发手机应用，也跟着教程学做了两个iOS小应用，但开发思维上的转变需要一个长期的过程，而且iOS系统功能很强大，陌生的地方也很多，很多功能不知道该自己开发还是系统上已经存在，也不了解现在iOS开发的流程。所以对于没有任何移动平台客户端开发经验的开发人员来说，想要做一个产品级别的产品出来，如果直接采用原生开发，不知道有多少坑要填。幸好现在有Hybrid APP方式，一种介于Web APP和Native APP之间的解决方案。Web APP无需安装，但需要打开系统上的浏览器来运行，因为就是网页嘛，用户体验不太好，操作局限性大。Native APP是安装在系统上的应用，体验更好，但是开发难度不小，并且需要针对不同系统开发对应的版本，开发和维护成本太高。Hybrid APP综合了上述两种APP的优点，用户界面通过Web前端技术实现，使用JavaScript调用第三方库封装的系统API，这样一来，不同系统下应用的UI界面不再需要使用原生语言重新开发，只用调用对应的第三方库即可。为什么开发Hybrid APP Hybrid APP——混合APP，就是采用非原生APP的开发语言来制作APP的界面，调用第三方发布的APP中间件在各平台上运行，关于中间件的介绍请参考《Hybrid App开发实战》。由此可见，因为有第三方中间件封装了各种平台的底层API，Hybrid

Cordova/PhoneGap导航解决方案——在浏览器中调用百度地图APP进行导航

阅读更多关于 Cordova/PhoneGap导航解决方案——在浏览器中调用百度地图APP进行导航

有时候，我们在Cordova/PhoneGap APP中实现导航，如果使用百度SDK开发，工作量是很大的。值得兴奋的是百度地图APP提供了URI API帮我们来实现这个功能。简单的说：如果用户手机中安装了百度地图APP，那么就可以通过一个超链接来调起地图APP来进行导航。使用方法很简单，不需要任何准备工作，示例代码如下： <a href="bdapp://map/direction?origin=latlng:34.264642646862,108.95108518068|name:我家&destination=大雁塔&mode=driving&region=西安&src=yourCompanyName|yourAppName">线路规划</a> 点击上面的超链接，将会打开地图APP，自动规划出当前位置到大雁塔的路线，按提示即可进行导航。参数说明： origin 内容由竖线分为两部分，latlng表示起点的纬度和经度，注意顺序；name表示地点的名称，只是一个标识 destination 目的地名称 mode 导航模式，固定为transit、driving、walking，分别表示公交、驾车和步行 region 搜索区域，一般为所在的城市名 src 你的公司名称|APP名称可能的问题： 1 必须使用UTF-8编码传值，否则中文名称可能出现乱码，导致无法正确定位 2

订阅 phonegap