blocks|key|1227890|text|如果你想在onDeviceReady之前得到设备类型，你可以这样得到。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1227891|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);|code-block|syntax|javascript|1227892|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

if you want to get device type before onDeviceReady, you can get like this.

<pre><code>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);
</code></pre>

blocks|key|2865120|text|Phonegap中的新功能，也是最简单的功能，就是你可以使用device.platform：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2865121|//+Depending+on+the+device,+a+few+examples+are:
//+++-+"Android"
//+++-+"BlackBerry"
//+++-+"iOS"
//+++-+"webOS"
//+++-+"WinCE"
//+++-+"Tizen"
//+++-+"browser"
var+devicePlatform+=+device.platform;|code-block|syntax|javascript|2865122|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

New in Phonegap, and simplest, is that you can use the device.platform:

<pre><code>// Depending on the device, a few examples are:
// - "Android"
// - "BlackBerry"
// - "iOS"
// - "webOS"
// - "WinCE"
// - "Tizen"
// - "browser"
var devicePlatform = device.platform;
</code></pre>

blocks|key|2952669|text|cordova.platformId+
//+"android"|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2952670|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>cordova.platformId 
// "android"
</code></pre>

blocks|key|1227780|text|您可以使用device.name属性来获取有关设备的详细信息。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1227781|++++function+onDeviceReady()+{
++++var+name=device.name+;
+++++++}|code-block|syntax|javascript|1227782|或者，如果只想获得平台，可以使用device.platform属性。|1227783|++++function+onDeviceReady()+{
++++var+name=device.name+;
++++var+plat=device.platform;
+++++++}|1227784|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

you can use device.name property to get the detailed info about the device.

<pre><code> function onDeviceReady() {
 var name=device.name ;
 }
</code></pre>

or to get only the platform you can use device.platform property.

<pre><code> function onDeviceReady() {
 var name=device.name ;
 var plat=device.platform;
 }
</code></pre>

blocks|key|1227867|text|使用此代码作为您的html文件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1227868|+++++Device+Properties+Example|code-block|syntax|javascript|1227869|<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:+'+++++%2B+device.name+++++%2B+'<br+/>'+%2B+
++++++++++++++++++++++++'Device+PhoneGap:+'+%2B+device.phonegap+%2B+'<br+/>'+%2B+
++++++++++++++++++++++++'Device+Platform:+'+%2B+device.platform+%2B+'<br+/>'+%2B+
++++++++++++++++++++++++'Device+UUID:+'+++++%2B+device.uuid+++++%2B+'<br+/>'+%2B+
++++++++++++++++++++++++'Device+Version:+'++%2B+device.version++%2B+'<br+/>';
}

</script>|1227870|++++Loading+device+properties...|1227871|​|1227872|我建议你在设备最好的幸运Aamirkhan+I检查这个。|1227873|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

use this code as ur html file 



 
 Device Properties Example

<pre><code>&lt;script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" charset="utf-8"&gt;

// 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 + '&lt;br /&gt;' + 
 'Device PhoneGap: ' + device.phonegap + '&lt;br /&gt;' + 
 'Device Platform: ' + device.platform + '&lt;br /&gt;' + 
 'Device UUID: ' + device.uuid + '&lt;br /&gt;' + 
 'Device Version: ' + device.version + '&lt;br /&gt;';
}

&lt;/script&gt;
</code></pre>


 
 Loading device properties...
 


i suggest u to check this in device
Best Of Luck
Aamirkhan I.

blocks|key|2952519|text|您可以查看以下链接：http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2952520|有几种方法可以从phonegap获取设备信息。|2952521|另一种选择是查看浏览器类型。(IE+=+WP7，Safari+=+iOS，...)|2952522|我不确定你是否能够检测到你是在使用Android手机还是平板电脑……无论如何，您的html应用程序应该能够处理任何屏幕分辨率。你也可以在手机上有不同的分辨率！|2952523|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html^0|A|1S|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]]]

You can have a look at the following link:
<a href="http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html" rel="nofollow">http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html</a>

There are several methods to get device infos from phonegap.

An other option is to have a look at the browser type.
(IE = WP7, Safari = iOS,...)

I'm not sure if you will be able to detect if you are at an Android phone or tablet...
Anyway your html apps should be able to handle any screen resolution.
You can have different resolutions at the phones also!

blocks|key|1227825|text|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;

}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1227826|有关device.platform，请参阅此处|unstyled|offset|length|1227827|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html#device.platform^0|0|2|F|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>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;

}
</code></pre>

See Here for <a href="http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html#device.platform" rel="nofollow">device.platform</a>

blocks|key|1227937|text|如果您需要此信息，因为您试图正确地格式化屏幕-您应该使用CSS+@media查询来确定适当的屏幕布局，并相应地应用CSS。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1227938|使用Google查找有关“使用CSS进行响应式设计”的信息|1227939|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

If you need this information because you're trying to format the screen correctly - you should be using CSS @media queries to determine the appropriate screen layout and apply CSS accordingly.

Use Google to find info on "responsive design with CSS"

blocks|key|2865211|text|我当然不会在布局页面时使用设备类型，布局应该仅基于屏幕大小|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2865212|您可以使用javascript属性：|2865213|width+=+window.innerWidth
height+=+window.innerHeight|code-block|syntax|javascript|2865214|或者使用CSS：|2865215|.element{+++
++++height:+50vh;++//(height+=+50+percent+of+screen)
}|2865216|请参阅vmin、vmax、vh、vw|2865217|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

i would certainly NOT use the device type when laying out a page, the layout should be based on screen size only

you can use the javascript properties:

<pre><code>width = window.innerWidth
height = window.innerHeight
</code></pre>

or use CSS:

<pre><code>.element{ 
 height: 50vh; //(height = 50 percent of screen)
}
</code></pre>

see vmin,vmax, vh, vw

I'm building an application in phonegap for the three different platforms: Android, iOS And Blackberry. While doing so, I have to detect the device type so that I can manage the height and width of my app on different platforms and for different devices like Android Phone, Android Tablet, iPhone, iPad and Blackberry...

PhoneGap - Detect device type in phonegap

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我正在用phonegap为三个不同的平台构建一个应用程序:安卓、iOS和黑莓。在这样做的同时，我必须检测设备类型，以便我可以在不同的平台上管理我的应用程序的高度和宽度，并针对不同的设备，如安卓手机、安卓平板电脑、iPhone、iPad和黑莓……

问PhoneGap -检测电话间隙中的设备类型
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PhoneGap -检测电话间隙中的设备类型EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PhoneGap -检测电话间隙中的设备类型
EN