phonegap

HTML5来了,7个混合式移动开发框架

情到浓时终转凉″ 提交于 2019-11-28 12:40:11
Posted 周二, 12/30/2014 - 12:18 by admin 在这个时间开始学习移动开发真是最好不过了,每个人应该都有一些移动应用的创意,而且你并不需要任何的原生应用编程经验,你只需要一些HTML的相关知识,懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢,我只能告诉你应该有一些主见,首先HTML5会越来越好,移动端的硬件也会越来越强,怎么说呢,你仔细看一看你手机上的应用吧,很多应用已经悄悄的使用混合式开发了,如果像你说的它们很慢,你发现它们了吗? 目前已经有很多的框架可以帮助你开发跨平台的移动应用,在这篇文章中,我们只介绍最牛的7个。 IONIC IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发,相信IONIC一定会取得不错的成就 。 IONIC的开发团队将尽快开发出一种通过IONIC creator提供开发者快速创建IONIC应用的方式。我们将很快就会看到一个支持拖拉功能的可视化开发工具,几分钟内开发一个app将不再只是吹xx。 Mobile Angular

Cordova: Disabling the click delay (300ms click delay) in UIWebView

坚强是说给别人听的谎言 提交于 2019-11-28 11:51:44
I've been searching solution for this problem all over Internet. But only answer I get is to use Fastclick. Though Fastclick worked for basic uses, it's add JavaScript execution overhead for touch events, which leads to jank . I have found interesting post about "hacked" UIWebView. The author suggests to add some "hack" code: for (UIView* view in webView.scrollView.subviews) { if ([view.class.description equalsString:@"UIWebBrowserView"]) { for (UIGestureRecognizer *gestureRecognizer in view.gestureRecognizers) { if ([gestureRecognizer isKindOfClass:UITapGestureRecognizer.class]) {

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

家住魔仙堡 提交于 2019-11-28 10:14:05
按照我一惯得套路,我会先说一点废话。PhoneGap和Cordova什么关系? 为什 么有的地方叫Cordova而有的地方叫PhoneGap ? PhoneGap是一款HTML5平 台,通过它,开发商可以使用HTML、CSS及JavaScript来开发本地移动应用程序。因此,目前开发商可以只编写一次应用程序,然后在6个主要的移动平台和应用程序商店(app store)里进行发布,这些移动平台和应用程序商店包括:iOS、Android、BlackBerry、webOS、bada以及Symbian。Apache Cordova是PhoneGap贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。大概意思也就是说: Cordova是由PhoneGap发展而来的,现在的Cordova就是当年的PhoneGap。所以下文中我来回的切换叫法,其实都是一个东西而已。 下面言归正传,如何在PhoneGap或者Cordova框架下实现JS调用Android原生代码?(这里就不再啰嗦如何在Android程序中集成PhoneGap了) 1.在你的html5中config.js定义你的Plugin的名称和方法。名为MyPlugin,有两个插件:一个为自动更新(Update),一个为密码锁定(PassLock) var MyPlugin = {

phonegap3.0 安装使用

自古美人都是妖i 提交于 2019-11-28 10:13:12
phonegap3.0 真的快了好多,赶紧来试试吧 是好东西,但是初始化有点麻烦,不过解决了,你就会发现这个版本太爽了 先说安装吧 3.0是通过nodejs安装的,不像以前的版本有安装包 下载nodejs npm install phonegap 到此安装成功 下面说配置 先要配置几个变量 D:\Program Files\android\sdk\tools; D:\Program Files\android\platform-tools; C:\Program Files (x86)\Java\jdk1.6.0_10\bin; D:\Program Files\android\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin 这个我的几个变量,其中最后一个配的是ant.bat的变量,四个都不能少,你对应这配吧,配置的是系统的path变量 path= D:\Program Files\android\sdk\tools; D:\Program Files\android\platform-tools; C:\Program Files (x86)\Java\jdk1.6.0_10\bin; D:\Program Files\android\eclipse\plugins\org.apache.ant_1.8.3

cordova requirements error “Android target: not installed”

微笑、不失礼 提交于 2019-11-28 04:09:51
问题 Using cordova on WINDOWS 10 I'm not able to build project. When I tried cordova requirements it shows me Android target: not installed . I tried all possible solutions over internet and SO, however, none worked for me. Probably this is related to the latest version of cordova v 8.0.0. I tried the following which did NOT work: 1. overwriting tools folder from cordova CLI in my C:\Users\admin\AppData\Local\Android\Sdk folder. 2. cordova platform remove android and then cordova platform add

jQuery Mobile Web App with Google Maps Based on Android

萝らか妹 提交于 2019-11-27 22:43:03
一、引言 本项目将开发一个集成了 G oogle Maps JavaScript API V3 的 jQuery Mobile Web App , 并通过 Phonegap 开发框架将应用部署到本地 Android 平台上运行。 二、开发环境搭建 1. 环境下载 : Eclipse: Juno Service Release 2 (4.2.2) PhoneGap 2.6.0 : Cordova (已更新至2.7.0) Android SDK : Bundle for Windows (已更新至r22) 其它(如JDK、ADT等)环境及基本部署不是本项目重点将不再赘述,请参考其他开发文档。 2. Eclipse Phonegap 构建: Step 1 : 新建项目: Android Application Project -> Compile With : API 15 Android 4.0.3 , 此时的项目名会默认为生成的APK包名,也可以之后通过右键单击项目->重构->重命名修改。 我们可以参考已经下载解压后的 Phonegap 文件中自带的教程(如下图所示): Step 2: 在项目根目录的 assets 文件下新建一个 www 文件夹用来存放网站的内容。 Step 3: • 将 phonegap-2.6.0/lib/android 文件夹下的 cordova-2.6.0

PhoneGap使用PushPlugin插件实现消息推送

余生长醉 提交于 2019-11-27 20:34:23
概括 Android 设备通过 GCM 服务来接收推送消息,而 iOS 设备这从苹果的 APN 服务获取。虽然按照负载来说这是两种不同的服务,但是证书都在从第三方接收消息的时候是需要作为一个存储和转发类型的服务。辨别接收者并传递下去。在接受端,你的应用已经注册来接收他们,并检查返回内容和相应的操作。消息的接收方式是应用代码里的注册和用户设备关于消息设定的融合。 开始 有一个叫 PushPlugin 的官方插件可以用来进行消息的推送,而且是 PhoneGap 支持的。此教程里就是使用这个插件,完整的项目源码在下面链接处: https://github.com/hollyschinsky/PushNotificationSampleApp 注意此代码跟处理 iOS 的消息推送是一样的。只需要通过 PhoneGap Build 创建自己的推送消息证书并测试就行了。 此教程不会深入探讨创建 GCM 或者 ADP 应用的建立,可以在下面文字处了解详细内容。 · Andr 消息推送 · iOS消息推送 此教程中我只会集中讲解 Android 和 GCM 服务,然后下面的是关于 iOS 的消息推送。 · iOS Push Notifications · Push Notifications Plugin Support added to PhoneGap Build Android 学前知识 ·

Struggling between native and phonegap, simple app requirements

帅比萌擦擦* 提交于 2019-11-27 10:12:31
I'm going to make a native (meaning; not in the browser) mobile app. Since I'm a web-developer I'm struggling to decide whether or not I should try Phonegap or just build an native app in java or objective-c. The app requirements are simple. GPS/wifi location, Facebook integration and I guess I'll need a database to handle some of the application specific Facebook-friend relations. Like the highscores in a game, for example - stuff like that. I'm a web-developer, and don't know neither java or objective-c, yet. I've never used Phonegap before, so I don't know if it's capable of fulfilling my

【PhoneGap】环境安装配置浅析

血红的双手。 提交于 2019-11-27 09:20:11
由于项目需要,需要了解PhoneGap架构以其在各个平台的环境配置,阅读了官网部分文档,总结如下。 【官网地址】 http://phonegap.com/ 【环境配置】 参考: http://phonegap.com/install/ 1. 安装NodeJs。 打开NodeJs的官网:http://nodejs.org/ 点击“install”,即可完成安装。 NodeJS安装完成后,会自带把npm安装好,npm也在第二步中需要用到。 2. 安装phoneGap 在控制台运行命令: sudo npm install -g phonegap 输出结果如下: /usr/local/bin/phonegap -> /usr/local/lib/node_modules/phonegap/bin/phonegap.js phonegap@3.1.0-0.15.0 /usr/local/lib/node_modules/phonegap ├── colors@0.6.0-1 ├── pluralize@0.0.4 ├── semver@1.1.0 ├── qrcode-terminal@0.9.4 ├── shelljs@0.1.4 ├── optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.5) ├── node- static @0.7.0

phonegap + framework7 how to programmtacally set starting page?

自作多情 提交于 2019-11-27 08:47:14
问题 I have application which on start lets you pick - if are you contributor or user. After that I want always load the starting page for a contributor or the user. I know you can set <content src="index.html" /> to do it once on start, but how can I do it dynamically? 回答1: @proofzy answer is right, but you could still do it using only DOM7 instead of Jquery Inside your JS file: //to save data if user pick contributor or user button after first start. $$("#contributor").on('click', function(){