web-dev-qa-db-ja.com

PhoneGap-PhoneGapでデバイスタイプを検出

Android、iOS、Blackberryの3つの異なるプラットフォーム用にphonegapでアプリケーションを構築しています。その間、デバイスの種類を検出する必要があります。そのため、さまざまなプラットフォームで、Android Phone、Androidタブレット、iPhone、iPad、Blackberry ...

androidcordovaphonegap-plugins
50
Preet_Android

onDeviceReadyの前にデバイスタイプを取得する場合は、次のように取得できます。

var deviceType = (navigator.userAgent.match(/iPad/i))  == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i))  == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "null";

alert(deviceType);
56
JDev

Phonegapの新機能であり、最も簡単なのは、device.platformを使用できることです。

// Depending on the device, a few examples are:
//   - "Android"
//   - "BlackBerry"
//   - "iOS"
//   - "webOS"
//   - "WinCE"
//   - "Tizen"
//   - "browser"
var devicePlatform = device.platform;
94
Sindre
cordova.platformId 
// "Android"
34
RouR

device.nameプロパティを使用して、デバイスに関する詳細情報を取得できます。

    function onDeviceReady() {
    var name=device.name ;
       }

または、プラットフォームのみを取得するには、device.platformプロパティを使用できます。

    function onDeviceReady() {
    var name=device.name ;
    var plat=device.platform;
       }
5
Ice Box

このコードをur htmlファイルとして使用します

デバイスプロパティの例

<script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script>
<script type="text/javascript" charset="utf-8">

// Wait for PhoneGap to load
//
document.addEventListener("deviceready", onDeviceReady, false);

// PhoneGap is ready
//
function onDeviceReady() {
    var element = document.getElementById('deviceProperties');

    element.innerHTML = 'Device Name: '     + device.name     + '<br />' + 
                        'Device PhoneGap: ' + device.phonegap + '<br />' + 
                        'Device Platform: ' + device.platform + '<br />' + 
                        'Device UUID: '     + device.uuid     + '<br />' + 
                        'Device Version: '  + device.version  + '<br />';
}

</script>

デバイスのプロパティを読み込んでいます...

デバイスBest Of Luck Aamirkhan Iでこれを確認することをお勧めします。

3
Aamirkhan

次のリンクをご覧ください： http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html

Phonegapからデバイス情報を取得するには、いくつかの方法があります。

他のオプションは、ブラウザの種類を確認することです。 （IE = WP7、Safari = iOS、...）

Android携帯電話またはタブレットであるかどうかを検出できるかどうかはわかりません...とにかく、あなたのhtmlアプリはどの画面解像度も処理できるはずです。電話での解像度も！

1
Dominik Kirschenhofer

画面を正しくフォーマットしようとしているためにこの情報が必要な場合は、CSS @mediaクエリを使用して適切な画面レイアウトを決定し、それに応じてCSSを適用する必要があります。

Googleを使用して、「CSSを使用したレスポンシブデザイン」に関する情報を検索します。

0
mr.subtle
function onDeviceReady()
{
// ***IMPORTANT: access device object only AFTER "deviceready" event    
document.getElementById("name").innerHTML = device.name;
document.getElementById("pgversion").innerHTML = device.cordova ? device.cordov:device.phonegap;
document.getElementById("platform").innerHTML = device.platform;
document.getElementById("uuid").innerHTML = device.uuid;
document.getElementById("version").innerHTML = device.version;

}

device.platform についてはこちらをご覧ください

0
vikky