PhoneGap - Определение типа устройства в phonegap
Я создаю приложение в phonegap для трех различных платформ: Android, iOS и Blackberry. При этом мне нужно определить тип устройства, чтобы я мог управлять высотой и шириной моего приложения на разных платформах и для разных устройств, таких как Android Phone, Android Tablet, iPhone, iPad и Blackberry...
Новый в PhoneGap, и простое, что вы можете использовать устройство.платформа:
// Depending on the device, a few examples are:
// - "Android"
// - "BlackBerry"
// - "iOS"
// - "webOS"
// - "WinCE"
// - "Tizen"
// - "browser"
var devicePlatform = device.platform;
если вы хотите получить тип устройства перед 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);
вы можете использовать свойство device.name для получения подробной информации об устройстве.
function onDeviceReady() {
var name=device.name ;
}или для получения только платформы вы можете использовать свойство device.platform.
function onDeviceReady() {
var name=device.name ;
var plat=device.platform;
}
используйте этот код, как файл в формате HTML УР
<!Элемент DOCTYPE в HTML> <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></голова> <тело> <п ИД="в deviceProperties" и>погрузка свойства устройства...</п> </тело> </HTML и ГТ;
я предлагаю U, чтобы проверить в устройстве Удачи Aamirkhan И.
Вы можете посмотреть по следующей ссылке: http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html
Существует несколько методов получения информации об устройстве из phonegap.
Другой вариант - посмотреть на тип браузера. (IE = WP7, Safari = iOS, ...)
Я не уверен, что вы сможете определить, находитесь ли вы на телефоне или планшете Android... В любом случае, ваши html-приложения должны быть способны работать с любым разрешением экрана. Вы можете иметь разные разрешения на телефонах!
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
Если вам нужна эта информация, потому что вы'вновь пытается правильно формат экрана - вы должны быть с помощью css @media-запросы, чтобы определить соответствующий макет экрана и соответственно применяются в CSS.
Используйте Google, чтобы найти информацию на "адаптивный дизайн с помощью CSS и"
я бы, конечно, не использовать тип устройства при разметке страницы в макете должны быть только на основе размера экрана
вы можете использовать JavaScript-свойства:
width = window.innerWidth
height = window.innerHeightили использовать CSS:
.element{
height: 50vh; //(height = 50 percent of screen)
}посмотреть значение vmin,VMAX в ВХ, Фольксваген
