index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="http://code.jquery.com/jquery.min.js"></script>
</script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="js/index.js"></script>
<title>CordovaAPI</title>
</head>
<body>
<div class="app">
<h1>PhoneGap</h1>
<div id="deviceready" class="blink">
<a href="deviceInfo.html">디바이스 정보</a>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
deviceInfo.html
<!--
org.apache.cordova.device
[device 속성]
cordova - 아파치 코르도바 버전
model - 모바일 디바이스의 상품 모델
platform - 플랫폼
uuid - UUID(Universally Unique Identification)
version - 모바일 OS 버전
-->
<div data-role="page">
<div data-role="header">
<h1>디바이스 정보 가져오기</h1>
</div>
<div role="main" class="ui-content">
<div class="ui-body">
cordova : <div id="device"></div><br/>
model : <div id="model"></div><br/>
platform : <div id="platform"></div><br/>
uuid : <div id="uuid"></div><br/>
version : <div id="version"></div>
</div>
<a data-rel="back" data-role="button" data-theme="b">뒤로..</a>
</div>
<div data-role="footer" data-position="fixed">
<h3>hybridApp</h3>
</div>
</div>
'기존카테고리 > 하이브리드앱' 카테고리의 다른 글
| 알림 (0) | 2017.11.06 |
|---|---|
| mobile API - parseUrl (0) | 2017.11.05 |
| mobile API - changePage (0) | 2017.11.05 |
| 디바이스 방향계 (0) | 2017.11.04 |
| applicaton cache (0) | 2017.11.04 |