Maximum Mobility: Listing 1.
The default PhoneGap index.html file.
- By Michael Crump
- 06/01/2012
<!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.4.1.js"></script>
<script type="text/javascript">
document.addEventListener("deviceready",onDeviceReady,false);
// Once the device ready event fires, you can safely do your thing!
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>
About the Author
Michael Crump is a product manager that works at Microsoft on the Azure platform. He is a is a developer, blogger and speaker of topics relating to cloud development. He’s passionate about helping developers understand the benefits of the cloud in a no-nonsense way. You can reach him on Twitter at mbcrump or by following his blog at michaelcrump.net.