Skip to content

Instantly share code, notes, and snippets.

@philippbosch

philippbosch/phonegap-device.html

Created June 9, 2010 09:27
Show Gist options
  • Save philippbosch/431261 to your computer and use it in GitHub Desktop.
Save philippbosch/431261 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
phonegap-device.html
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=default-width; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>PhoneGap Device Information</title>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script type="text/javascript" charset="utf-8" src="jqtouch/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="jqtouch/jqtouch.js"></script>
<script type="text/javascript" charset="utf-8" src="app.js"></script>
<link rel="stylesheet" type="text/css" href="jqtouch/jqtouch.css">
<link rel="stylesheet" type="text/css" href="themes/apple/theme.css">
<link rel="stylesheet" type="text/css" href="app.css">
</head>
<body>
<div id="jqt">
<div id="home">
<div class="toolbar"><h1>Device Info</h1></div>
<ul>
<li>
Platform:
<div id="info-platform" class="value"></div>
</li>
<li>
Version:
<div id="info-version" class="value"></div>
</li>
<li>
Name:
<div id="info-name" class="value"></div>
</li>
<li>
PhoneGap:
<div id="info-gap" class="value"></div>
</li>
<li>
UUID:
<div id="info-uuid" class="value"></div>
</li>
</ul>
</div>
</div>
</body>
</html>
Raw
phonegap-device.js
var jQT = $.jQTouch();
$(document).bind('deviceready', function() {
$('#info-platform').text(navigator.device.platform);
$('#info-version').text(navigator.device.version);
$('#info-name').text(navigator.device.name);
$('#info-gap').text(navigator.device.gap);
$('#info-uuid').text(navigator.device.uuid);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment