Maximum Mobility: Listing 1.

The default PhoneGap index.html file.

<!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.

comments powered by Disqus

Featured

.NET Insight

Sign up for our newsletter.

Terms and Privacy Policy consent

I agree to this site's Privacy Policy.

Upcoming Events