phonegap

ionic框架安装 导语 ionic是一个强大的混合式/hybridHTML5移动开发框架，特点是使用标准的HTML、 CSS和JavaScript，开发跨平台（目前支持：Android、iOS，计划支持：Windows Phone、Firefox OS） 的原生App应用 ionic主要包括三个部分： CSS框架 - 提供原生App质感的CSS样式模拟。ionic这部分的实现使用了ionicons图标样式库。 JavaScript框架 - 提供移动Web应用开发框架。ionic基于AngularJS基础框架开发，因此 自然地遵循AngularJS的框架约束；此外，ionic使用AngularJS UI Router实现前端路由。 命令行/CLI - 命令行工具集用来简化应用的开发、构造和仿真运行。ionic命令行工具使用了 Cordova，依赖于平台SDK（Android & iOS）实现将移动web项目打包成原生app。 由于ionic使用了HTML5和CSS3的一些新规范，所以要求 iOS7+/ Android4.1+。 在低于这些版本的手机上使用ionic开发的应用，有时会发生莫名其妙的问题。 一、ionic集成开发环境安装 需要下载并安装node.js。 地址： https://nodejs.org/en/download/ ionic安装步骤说明 全局安装cordova

一:导入JAR包 使用Eclipse进行开发的用户，首先将下载的MobileProbe.jar解压到本地工程目录下的libs子目录里面（例如，您的工程目录为，D:workspaceXXproject，请将MobileProbe.jar放入D:workspaceXXprojectlibs目录中），然后在Eclipse中打开您开发的App应用所在项目工程。 在Package Explorer中右键点击工程的根目录，选择Properties，然后点击Java Build Path -> Libraries -> Add External JARs，选择本地的MobileProbe.jar文件，最后点击OK，即可导入成功。 二:配置AndroidManifest.xml 版本要求： android:minSdkVersion = 8：需要Android 2.2及以上版本支持。 权限要求： android.permission.ACCESS_NETWORK_STATE：用于获取网络链接状态，发送统计数据。 android.permission.ACCESS_WIFI_STATE：用于获取网络链接状态，发送统计数据。 android.permission.INTERNET：用于网络通信，发送统计数据。 android.permission.READ_PHONE_STATE

1. 配置要求 Eclipse 3.4+ 这里提供一个不需要Eclipse的 Terminal 版本教程 2. 安装 SDK + PhoneGap 下载安装 Eclipse Classic 下载安装 Android SDK 下载安装 ADT Plugin 下载 最新的PhoneGap版本然后解压其中，下面就是安卓目录的配置过程了. 3. 配置新的项目 打开 Eclipse,在文件菜单下面点击 New > Android Project 在项目的根目录, 创建两个目录: /libs /assets/www 从刚才下载的PhoneGap中复制cordova.js 到/assets/www目录 从刚才下载的PhoneGap中复制cordova.jar 到/libs目录 从刚才下载的PhoneGap中复制xml文到夹到/res 目录 M对Eclipse的src文件夹中的主Java文件进行少量调整：（如下图） 将class的继承类由 Activity 改为 DroidGap 将 setContentView() 这一行替换为 super.loadUrl("file:///android_asset/www/index.html"); 添加 import com.phonegap.*; 移除 import android.app.Activity;

前言 上个月我设计一个基于JQM的webapp作为我的毕业设计 jQuery moible 开发笔记之项目设计 http://www.cnblogs.com/youxilua/archive/2012/01/03/2310963.html 结果…当然是做完了…效果嘛,作为毕业设计还可以,但是实际使用起来实在不给力,例如,窗口的浮动,流量的消耗,还有对于设备配置的依赖(例如,在局域网中HTC 野火跑起来那叫一个慢死…),不过,在一些高端设备运行还可以,例如,小米(我们班还是挺多人买了),iphone,三星的银河系列… 工欲善其事,必先利其器 我们没必要学习苦行僧那样,用记事本来打代码.目前而言呢,phonegap的IDE工具最好的当然是DW CS 5.5. 不过,我这里使用eclipse作为我的开发IDE,因为之前使用过DW CS 5.5 ,这次就换个IDE工具. Eclipse 的配置 1,一站式新建项目 phonegap + jqm http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2/download/ 这个插件还是很给力的,已经支持默认支持最新版本的phonegap,jqm,sencha 安装完以后选择这个图标 2,选择要建何种类型的phoneGap

iOS解决方法 在Cordova（phonegap）的config.xml中增加一行配置： <preference name="EnableViewportScale" value="true"/> 实际上这行只是针对 iOS 项目的。 一般是好用的，但是某些版本的 Cordova（phonegap）会出现 bug，Android 设备出现问题。 建议在 Cordova 创建工程的目录下的 config.xml 文件也加上，方便以后用命令编译。 android 解决方法 MainActivity.java 类 package com.easycloud.waiter; import android.os.Bundle; import android.webkit.WebView; import org.apache.cordova.*; public class MainActivity extends CordovaActivity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Set by <content src="index.html" /> in config.xml loadUrl(launchUrl); /

我想做这样的事情来使用 jQuery 勾选一个 checkbox ： $(".myCheckBox").checked(true); 要么 $(".myCheckBox").selected(true); 这样的事情存在吗？ #1楼 如果您正在使用 PhoneGap 进行应用程序开发，并且要立即显示的按钮上有一个值，请记住要这样做 $('span.ui-[controlname]',$('[id]')).text("the value"); 我发现没有跨度，无论您做什么，界面都不会更新。 #2楼 我错过了解决方案。 我将始终使用： if ($('#myCheckBox:checked').val() !== undefined) { //Checked } else { //Not checked } #3楼 尝试这个： $('#checkboxid').get(0).checked = true; //For checking $('#checkboxid').get(0).checked = false; //For unchecking #4楼 这是没有jQuery的一种方法 function addOrAttachListener(el, type, listener, useCapture) { if (el.addEventListener) { el

我想做这样的事情来使用 jQuery 勾选一个 checkbox ： $(".myCheckBox").checked(true); 要么 $(".myCheckBox").selected(true); 这样的事情存在吗？ #1楼 如果您正在使用 PhoneGap 进行应用程序开发，并且要立即显示的按钮上有一个值，请记住要这样做 $('span.ui-[controlname]',$('[id]')).text("the value"); 我发现没有跨度，无论您做什么，界面都不会更新。 #2楼 我错过了解决方案。 我将始终使用： if ($('#myCheckBox:checked').val() !== undefined) { //Checked } else { //Not checked } #3楼 尝试这个： $('#checkboxid').get(0).checked = true; //For checking $('#checkboxid').get(0).checked = false; //For unchecking #4楼 这是没有jQuery的一种方法 function addOrAttachListener(el, type, listener, useCapture) { if (el.addEventListener) { el

PhoneGap的js回调有几种实现方式。其中一种是ajax。 我们先来看一下js端相关代码： // file: lib/android/plugin/android/callback.js define("cordova/plugin/android/callback", function(require, exports, module) { var port = null, token = null, xmlhttp; function startXhr() { // cordova/exec depends on this module, so we can't require cordova/exec on the module level. var exec = require('cordova/exec'), xmlhttp = new XMLHttpRequest(); // Callback function when XMLHttpRequest is ready xmlhttp.onreadystatechange=function(){ if (!xmlhttp) { return; } if (xmlhttp.readyState === 4){ // If callback has JavaScript statement to execute if