使用PhoneGap开发windows phone 7 应用（1）-初识PhoneGap
2011-12-25 01:50
447 查看
windows phone 7允许使用silverlight和XNA开发原生的应用程序，两者都是非常成熟的框架，并且有功能强大的工具支持。那么为什么还要使用HTML5和 javascript来开发WP7的应用程序呢？个人认为是为了开发跨平台的移动应用程序，HTML5/javascript应用可以运行在 Android、IPhone、BlackBerry，现在也同样可以运行在WP7上。
HTML5应用程序的基本思想在于：你的本机应用程序仅仅是一个全屏幕的WebBrowser，承载你的JavaScript应用程序逻辑，你需要将你的HTML、javascript、css以及其它一些资源打包到一个XAP文件中，然后使用 WebBrowser的API在你的javascript代码和本机原生API之间传递消息，以访问手机的功能，如：camera和 accelerometer。
已经有不少哥们开发出了辅助HTML5应用程序开发的框架，我推荐其中的PhoneGap框架，顾名思义，该框架将会填充javascript代码和原生的手机功能之间的“沟壑”,作为一个开源项目，PhoneGap已经运行了很多年，目前已经支持多种手机，也就是说，可以使用同一javascript API访问Android、iPhone、黑莓和更多的手机中的功能。
PhoneGap入门
1：下载
2：复制callback-phonegap-1.3.0-0-gb81151f.zip 到 C:\Users\Administrator\Documents\Visual Studio 2010\Templates\ProjectTemplates\Visual C#目录下。
3：使用PhoneGapStarter模板创建应用程序。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>PhoneGap WP7</title>
<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title"
charset="utf-8" />
<script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
<script type="text/javascript">
document.addEventListener("deviceready", onDeviceReady, false);
// once the device ready event fires, you can safely do your thing! -jm
function onDeviceReady() {
document.getElementById("welcomeMsg").innerHTML += "PhoneGap is ready! version=" + window.device.phonegap;
console.log("onDeviceReady. You should see this message in Visual Studio's output window.");
}
</script>
</head>
<body>
<h1>
Hello PhoneGap</h1>
<div id="welcomeMsg">
</div>
</body>
</html>[/code]
当DOM加载完毕后，为deviceready事件添加一个handler，deviceready是最重要的一个事件，如果没有它，你的应用程序不知道PhoneGap是否已经完全加载，该事件被触发后，就可以安全调用PhoneGap函数，同时也可以安全访问原生API。
HTML5应用程序的基本思想在于：你的本机应用程序仅仅是一个全屏幕的WebBrowser，承载你的JavaScript应用程序逻辑，你需要将你的HTML、javascript、css以及其它一些资源打包到一个XAP文件中，然后使用 WebBrowser的API在你的javascript代码和本机原生API之间传递消息，以访问手机的功能，如：camera和 accelerometer。
已经有不少哥们开发出了辅助HTML5应用程序开发的框架，我推荐其中的PhoneGap框架，顾名思义，该框架将会填充javascript代码和原生的手机功能之间的“沟壑”,作为一个开源项目，PhoneGap已经运行了很多年，目前已经支持多种手机，也就是说，可以使用同一javascript API访问Android、iPhone、黑莓和更多的手机中的功能。
PhoneGap入门
1：下载
2：复制callback-phonegap-1.3.0-0-gb81151f.zip 到 C:\Users\Administrator\Documents\Visual Studio 2010\Templates\ProjectTemplates\Visual C#目录下。
3：使用PhoneGapStarter模板创建应用程序。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>PhoneGap WP7</title>
<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title"
charset="utf-8" />
<script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
<script type="text/javascript">
document.addEventListener("deviceready", onDeviceReady, false);
// once the device ready event fires, you can safely do your thing! -jm
function onDeviceReady() {
document.getElementById("welcomeMsg").innerHTML += "PhoneGap is ready! version=" + window.device.phonegap;
console.log("onDeviceReady. You should see this message in Visual Studio's output window.");
}
</script>
</head>
<body>
<h1>
Hello PhoneGap</h1>
<div id="welcomeMsg">
</div>
</body>
</html>[/code]
当DOM加载完毕后，为deviceready事件添加一个handler，deviceready是最重要的一个事件，如果没有它，你的应用程序不知道PhoneGap是否已经完全加载，该事件被触发后，就可以安全调用PhoneGap函数，同时也可以安全访问原生API。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用PhoneGap开发基于Html5应用二：第一个PhoneGap应用：百度
- 使用 Nokia Imaging SDK 开发有滤镜功能的 Windows Phone 8 应用
- Windows phone 应用开发[8]-体验PhoneGap
- Windows phone 应用开发[8]-体验PhoneGap
- 使用cordova/phonegap 开发应用前请阅读，环境搭建，UI选择，低端机性能问题解决
- 使用 Nokia Imaging SDK 开发有滤镜功能的 Windows Phone 8 应用 推荐
- Windows Phone 7入门经典:使用Silverlight和XNA开发Windows Phone应用
- 观书有感——Windows Phone 7入门经典：使用Silverlight和XNA开发Windows Phone应用
- Android应用开发之使用PhoneGap(cordova)实现拍照上传功能
- Windows phone 7 高级编程——使用visual stdio 、silverlight与XNA进行应用和游戏开发
- phonegap 开发入门 PhoneGap官方网站上有详细的入门示例教程，这里，我针对使用PhoneGap进行Android移动应用的开发对其官网的Get Started进行一些介绍、补充。 Ste
- 使用HTML 开发手机应用的几个成熟的framework - PhoneGap, jQuery, ExtJS Touch
- Mac下使用Phonegap（Apache Cordorva）开发iOS应用
- 使用javascript开发windows phone应用的相关问题
- 使用phonegap开发移动应用-学习笔记
- 使用jquery mobile 和phoneGap开发安卓应用
- Windows phone 应用开发[8]-体验PhoneGap
- 【使用Unity开发Windows Phone上的2D游戏】（2）初识工具
- Mac下使用Phonegap（Apache Cordorva）开发iOS应用
- 使用Xcode开发phoneGap应用时使用console.log()输出日志。