讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > web前端 > html教程 >

正文

0

0

HTML5获取设备信息

不言

不言

发布时间：2018-05-09 11:22:17

|

14296人浏览过

|

来源于php中文网

原创

这篇文章主要介绍了关于html5获取设备信息，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

Device模块管理设备信息，用于获取手机设备的相关信息，如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。

1、属性

1.1、imei: 设备的国际移动设备身份码，调用此属性获取设备的国际移动设备身份码。 如果设备不支持则返回空字符串。

平台支持：Android - 2.2+ (支持)，iOS - 4.5+ (不支持): iOS设备不支持获取imei值，返回空字符串。

示例：

[html] view plain copy


<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "IMEI: " + plus.device.imei );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的国际移动设备身份码  
</body>  
</html>

1.2、imsi: 设备的国际移动用户识别码，字符串数组类型，获取设备上插入SIM的国际移动设备身份码。 如果设备支持多卡模式则返回所有SIM身份码。 如果设备不支持或没有插入SIM卡则返回空数组。

平台支持：Android - 2.2+ (支持): 如果设备没有插入SIM卡，则返回空数组。

iOS - 4.5+ (不支持): iOS设备不支持获取SIM卡信息，返回空数组。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "IMSI: " + plus.device.imsi );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的国际移动用户识别码  
</body>  
</html>

1.3、model: 设备的型号，调用此属性获取设备的型号信息。 如果设备不支持则返回空字符串。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Device: " + plus.device.model );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的型号  
</body>  
</html>

1.4、vendor: 设备的生产厂商，调用此属性获取设备的生产厂商信息。 如果设备不支持则返回空字符串。

平台支持：Android - 2.2+ (支持)、iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Vendor: " + plus.device.vendor );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的生产厂商  
</body>  
</html>

1.5、uuid: 设备的唯一标识，调用此属性获取设备的唯一标识号。

平台支持：Android - 2.2+ (支持): 与设备的imei号一致。注意：如果无法获取设备imei则使用设备wifi的mac地址，如果无法获取设备mac地址则随机生成设备标识号，确保不同App在同一台设备上获取的值一致。iOS - 4.5+ (支持): 根据包名随机生成的设备标识号。注意：在设备重置后会重新生成。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "uuid: "+plus.device.uuid );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备的唯一标识号  
</body>  
</html>

2、方法

2.1、dial: 拨打电话

    void plus.device.dial( number, confirm );

说明：调用系统程序拨打电话。

参数：

number: ( String ) 必选 要拨打的电话号码

confirm: ( Boolean ) 可选 是否需要用户确认后开始拨打电话，设置为true表示打开系统拨打电话界面，需用户点击拨号按钮后才开始拨打电话，false则无需确认直接拨打电话，默认值为true。

返回值：void : 无

平台支持：Android - 2.2+ (支持)、iOS - 5.1+ (支持): 忽略confirm参数，调用直接拨打电话。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
function dialTest() {  
plus.device.dial( "10086", false );  
}  
</script>  
</head>  
<body>  
拨打电话<br/>  
<button onclick="dialTest()">Dial</button>  
</body>  
</html>

2.2、beep: 发出蜂鸣声

void plus.device.beep( times );

说明：调用此方法使得设备发出蜂鸣声。

参数：

times: ( Number ) 可选 蜂鸣声重复的次数，默认发出一次蜂鸣声

返回值：void : 无

平台支持：Android - 2.2+ (支持): 播放系统设置中指定的默认通知铃声，iOS - 4.3+ (支持): 忽略times参数，播放系统的通知铃声

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
plus.device.beep( 3 );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
发出蜂鸣声<br/>  
</body>  
</html>

2.3、vibrate: 设备振动

 plus.device.vibrate( milliseconds );

说明：调用此方法使得设备振动。

参数：

milliseconds: ( Number ) 必选 设备振动持续的时间，数值类型，单位为ms，默认为500ms。

返回值：void : 无

平台支持：Android - 2.2+ (支持): 振动指定的时长。iOS - 4.3+ (支持): 不支持milliseconds参数，使用系统默认振动时长，仅iPhone设备支持，iPad和iTouch设备不支持，调用此接口无任何效果。 注意：如果在系统设置中关闭振动功能则无法调用设备振动（设置->声音->振动）。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
plus.device.vibrate( 2000 );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备振动<br/>  
</body>  
</html>

2.4、setWakelock: 设置应用是否保持唤醒（屏幕常亮）状态

   plus.device.setWakelock( lock );

说明：调用此方法设置应用是否一直保持唤醒状态，保持唤醒状态将会导致程序屏幕常亮、系统不会自动锁屏，从而导致消耗更多的电量。若未设置一直保持唤醒状态则会根据系统设置自动锁定屏幕。

参数：

lock: ( Boolean ) 必选 是否设置程序一直保持唤醒状态，可取值true或false，true表示设定程序一直保持唤醒状态，false表示关闭程序一直保持唤醒状态。程序退出后将恢复默认状态，默认为关闭程序保持唤醒状态。

返回值：void : 无

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
// 开启一直保持程序唤醒状态  
plus.device.setWakelock( true );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设置应用保持唤醒（屏幕常亮）状态<br/>  
<button onclick="plus.device.setWakelock(false)">UnWakelock</button>  
</body>  
</html>

2.5、isWakelock: 获取程序是否一直保持唤醒（屏幕常亮）状态

         Boolean plus.device.isWakelock();

说明：调用此方法获取程序是否一致保持唤醒状态。

返回值：Boolean : 返回ture表示程序已设置为一直保持唤醒状态，返回false表示程序未设置为一直保持唤醒状态。

2.6、setVolume: 设置设备的系统音量

           plus.device.setVolume( volume );

说明：调用此方法调节设备的系统音量。

参数：

volume: ( Number ) 必选 设备的系统音量值，取值范围为0到1，0表示静音，1表示最大音量值。设置设备音量后对所有程序生效，退出程序系统仍然保持最后设定的音量值。

返回值：void : 无

平台支持：iOS - 4.3+ (支持)。Android - 2.2+ (支持): 设置音量后对所有项的音量生效，如通话音量、系统音量、铃声音量、音乐音量、提示声音音量。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
// 设置音量  
plus.device.setVolume( 0.5 );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备的系统音量值<br/>  
</body>  
</html>

2.7、getVolume: 获取设备的系统音量

      Number plus.device.getVolume();

说明：系统音量值范围为0到1，0表示静音，1表示最大音量值。

返回值：Number : 系统的音量值

3、对象

3.1、screen: Screen模块管理设备屏幕信息

3.1.1、属性

  1）、resolutionHeight: 设备屏幕高度分辨率

    plus.screen.resolutionHeight;

说明：Number 类型 只读属性，设备屏幕区域包括系统状态栏显示区域和应用显示区域，screen获取的是设备屏幕总区域的逻辑分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen height: " + plus.screen.resolutionHeight*plus.screen.scale + "px" );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备屏幕高度分辨率<br/>  
</body>  
</html>

  2）、resolutionWidth: 设备屏幕宽度分辨率

            plus.screen.resolutionWidth;

说明：Number 类型 只读属性，设备屏幕区域包括系统状态栏显示区域和应用显示区域，screen获取的是设备屏幕总区域的分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen width: " + plus.screen.resolutionWidtht*plus.screen.scale + "px" );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备屏幕宽度分辨率<br/>  
</body>  
</html>

  3）、scale: 逻辑分辨率与实际分辨率的比例

    plus.screen.scale;

说明：Number 类型 只读属性，屏幕分辨率分逻辑分辨率率和实际分辨率，在html页面中使用的像素值都是相对于逻辑分辨率，此值就是逻辑分辨率和实际分辨率的比例，实际分辨率=逻辑分辨率*比例。

平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen resolution: " + plus.screen.resolutionWidth*plus.screen.scale + " x " + plus.screen.resolutionHeight*plus.screen.scale );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
逻辑分辨率与实际分辨率的比例<br/>  
</body>  
</html>

  4）、dpiX: 设备屏幕水平方向的密度

    plus.screen.dpiX;

说明：Number 类型 只读属性，设备屏幕的密度为每英寸所显示的像素点数，密度越高显示清晰度越高，单位为dpi。

平台支持：Android - 2.2+ (支持)。iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen dip in X: " + plus.screen.dpiX );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备屏幕水平方向的密度<br/>  
</body>  
</html>

  5）、dpiY: 设备屏幕垂直方向的密度

           plus.screen.dpiY;

说明：Number 类型 只读属性，设备屏幕的密度为每英寸所显示的像素点数，密度越高显示清晰度越高，单位为dpi。

平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Screen dip in Y: " + plus.screen.dpiY );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设备屏幕垂直方向的密度<br/>  
</body>  
</html>

3.1.2方法

 1）、setBrightness: 设置屏幕亮度

      plus.screen.setBrightness( brightness );

说明：调用此方法调节设备屏幕亮度。

参数：brightness: ( Number ) 必选 屏幕的亮度值，取值范围为0到1，0表示最低亮度值，1表示最高亮度值。设置屏幕亮度仅对当前程序在前台运行时有效，退出程序后屏幕亮度由系统设置的值决定。

返回值：void : 无

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
// 设置屏幕亮度  
plus.screen.setBrightness( 0.5 );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
设置屏幕亮度<br/>  
</body>  
</html>

  2）、getBrightness: 获取屏幕亮度值

 Number plus.screen.getBrightness();

说明：屏幕亮度值范围为0到1，0表示最低亮度值，1表示最高亮度值。

返回值：Number : 返回程序的屏幕亮度值

  3）、lockOrientation: 锁定屏幕方向

         void plus.screen.lockOrientation( String orientation );

说明：锁定屏幕方向后屏幕只能按锁定的屏幕方向显示，关闭当前页面后仍然有效。 可再次调用此方法修改屏幕锁定方向或调用unlockOrientation()方法恢复到应用的默认值。

参数：

orientation: ( String ) 必选 要锁定的屏幕方向值，锁定屏幕方向可取以下值： "portrait-primary": 竖屏正方向； "portrait-secondary": 竖屏反方向，屏幕正方向按顺时针旋转180°； "landscape-primary": 横屏正方向，屏幕正方向按顺时针旋转90°； "landscape-secondary": 横屏方向，屏幕正方向按顺时针旋转270°； "portrait": 竖屏正方向或反方向，根据设备重力感应器自动调整； "landscape": 横屏正方向或反方向，根据设备重力感应器自动调整；

返回值：void : 无

  4）、unlockOrientation: 解除锁定屏幕方向

        void plus.screen.unlockOrientation();

说明：解除锁定屏幕方向后将恢复应用默认的屏幕显示方向（通常为应用打包发布时设置的方向）。

返回值：void : 无

3.2、display: Display模块管理应用可使用的显示区域信息

属性：

（1）、resolutionHeight: 应用可使用的屏幕高度逻辑分辨率

       plus.display.resolutionHeight;

说明：Number 类型 只读属性，设备屏幕区域包括系统状态栏显示区域和应用显示区域，display获取的是应用显示区域的逻辑分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Display height: " + plus.display.resolutionHeight*plus.screen.scale + "px" );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
应用可使用的屏幕高度逻辑分辨率<br/>  
</body>  
</html>

（2）、resolutionWidth: 应用可使用的屏幕宽度逻辑分辨率

              plus.display.resolutionWidth;

说明：Number 类型 只读属性，设备屏幕区域包括系统状态栏显示区域和应用显示区域，display获取的是应用显示区域的逻辑分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "Display width: " + plus.display.resolutionWidth*plus.screen.scale + "px" );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
应用可使用的屏幕宽度逻辑分辨率<br/>  
</body>  
</html>

3.3、networkinfo: Device模块用于获取网络信息

3.3.1、常量

（1）、CONNECTION_UNKNOW: 网络连接状态未知

（2）、CONNECTION_NONE: 未连接网络

（3）、CONNECTION_ETHERNET: 有线网络

（4）、CONNECTION_WIFI: 无线WIFI网络

（5）、CONNECTION_CELL2G: 蜂窝移动2G网络

（6）、CONNECTION_CELL3G: 蜂窝移动3G网络

（7）、CONNECTION_CELL4G: 蜂窝移动4G网络

3.3.2、方法

getCurrentType: 获取设备当前连接的网络类型

      Number plus.networkinfo.getCurrentType();

说明：获取当前设备连接的网络类型，返回值为网络类型常量，可取值CONNECTION_*常量。

返回值：Number : 设备当前网络类型

平台支持：Android - 2.3+ (支持)，iOS - 4.3+ (支持): 无法区分蜂窝移动网络类型，在蜂窝移动网络环境下均返回CONNECTION_CELL2G。

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
var types = {};  
types[plus.networkinfo.CONNECTION_UNKNOW] = "Unknown connection";  
types[plus.networkinfo.CONNECTION_NONE] = "None connection";  
types[plus.networkinfo.CONNECTION_ETHERNET] = "Ethernet connection";  
types[plus.networkinfo.CONNECTION_WIFI] = "WiFi connection";  
types[plus.networkinfo.CONNECTION_CELL2G] = "Cellular 2G connection";  
types[plus.networkinfo.CONNECTION_CELL3G] = "Cellular 3G connection";  
types[plus.networkinfo.CONNECTION_CELL4G] = "Cellular 4G connection";  
alert( "Network: " + types[plus.networkinfo.getCurrentType()] );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取设备当前连接的网络类型<br/>  
</body>  
</html>

3.4、os: OS模块管理操作系统信息

属性：

（1）、language: 系统语言信息

       plus.os.language;

说明：String 类型 只读属性，获取当前操作系统设置的系统语言，字符串类型数据。

平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "OS language: " + plus.os.language );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取系统语言信息<br/>  
</body>  
</html>

（2）、version: 系统版本信息

           plus.os.version;

说明：String 类型 只读属性，获取当前操作系统的版本信息，字符串类型数据。平台支持：Android - 2.2+ (支持)，iOS - 4.3+ (支持)

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "OS version: " + plus.os.version );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取系统版本信息<br/>  
</body>  
</html>

（3）、name: 系统的名称

        plus.os.name;

说明：String 类型 只读属性，获取当前操作系统的名称，字符串类型数据。

平台支持：Android - 2.2+ (支持): 返回字符串“Android”，iOS - 4.3+ (支持): 返回字符串“iOS”

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "OS name: " + plus.os.name );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取系统的名称<br/>  
</body>  
</html>

（4）、vendor: 系统的供应商信息

           plus.os.vendor;

说明：String 类型 只读属性，获取当前操作系统的供应商名称，字符串类型数据。

平台支持：Android - 2.2+ (支持): 返回字符串“Google”，iOS - 4.3+ (支持): 返回字符串“Apple”

示例：

[html] view plain copy

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>Device Example</title>  
<script type="text/javascript">  
// H5 plus事件处理  
function plusReady(){  
alert( "OS name: " + plus.os.vendor );  
}  
if(window.plus){  
plusReady();  
}else{  
document.addEventListener("plusready",plusReady,false);  
}  
</script>  
</head>  
<body>  
获取系统的供应商信息<br/>  
</body>  
</html>

相关推荐：

html5获取手机GPS信息的示例代码分享

某个性淘客站整站打包
某个性淘客站整站打包

1、演示：以截图为准 2、安装说明: 1,运行 你的域名/install/index.php填写相关信息进行安装, 2,安装后运行 你的域名/dede进入后台--系统--数据备份/还原---点击右上数据还原---开始还原数据 3, 系统--系统基本设置--站点设置--域名改为你的域名(否则显示不正常) 这一步很重要 更新主页HTML 更新栏目HTML 更新文档HT

下载

相关文章

HTML5拖拽文件预览缩略图_HTML5FileReader读取图片生成预览图方法【详解】

HTML5MathML公式显示乱码_HTML5数学符号编码格式转换教程【方法】

HTML5页面失焦暂停音乐_HTML5visibilitychange结合audio暂停播放方法【说明】

HTML5进度条分段显示_HTML5多任务并行进度合并可视化实现技巧【操作】

HTML5拖拽功能怎么实现_元素拖放交互设置方法【技巧】
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关标签:

html5

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：如何将html转化为图片 下一篇：html写网页如何布局

作者最新文章

如何在两个内联元素之间添加换行符

2019-04-15 14:06

ps反向选区快捷键是什么？

2019-04-15 15:37

编程适合什么人学？

2019-04-15 16:23

PS标尺怎么用？

2019-04-15 16:46

ctrl+t是什么快捷键？

2019-04-16 10:06

ctrl加什么是保存？

2019-04-16 10:43

it是什么职业？

2019-04-16 11:48

剪切快捷键ctrl加什么？

2019-04-16 14:02

查找的快捷键是ctrl键加上什么键

2019-04-16 14:55

编程是什么？

2019-04-16 16:04

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

AI编程开发AI聊天问答
豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

AI编程开发AI大模型
通义千问
通义千问

阿里巴巴推出的全能AI助手

AI编程开发Agent智能体
腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文档处理Excel 表格
文心一言
文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI编程开发AI文本写作
讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI文本写作中文写作
即梦AI
即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接图画生成
ChatGPT
ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI编程开发AI文本写作
智谱清言 - 免费全能的AI助手
智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

AI编程开发Agent智能体

相关专题

更多
Golang 测试体系与代码质量保障：工程级可靠性建设
Golang 测试体系与代码质量保障：工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链（如go test）、单元测试、集成测试及端到端测试实践，结合代码覆盖率分析、静态代码扫描（如go vet）和动态分析工具，建立全链路质量监控机制。通过自动化测试框架、持续集成（CI）流水线配置及代码审查规范，实现测试用例管理、缺陷追踪与质量门禁控制，确保代码健壮性与可维护性，为高可靠性工程系统提供质量保障。

6

2026.02.28

Golang 工程化架构设计：可维护与可演进系统构建
Golang 工程化架构设计：可维护与可演进系统构建

Go语言工程化架构设计专注于构建高可维护性、可演进的企业级系统。本专题深入探讨Go项目的目录结构设计、模块划分、依赖管理等核心架构原则，涵盖微服务架构、领域驱动设计(DDD)在Go中的实践应用。通过实战案例解析接口抽象、错误处理、配置管理、日志监控等关键工程化技术，帮助开发者掌握构建稳定、可扩展Go应用的最佳实践方法。

6

2026.02.28

Golang 性能分析与运行时机制：构建高性能程序
Golang 性能分析与运行时机制：构建高性能程序

Go语言以其高效的并发模型和优异的性能表现广泛应用于高并发、高性能场景。其运行时机制包括 Goroutine 调度、内存管理、垃圾回收等方面，深入理解这些机制有助于编写更高效稳定的程序。本专题将系统讲解 Golang 的性能分析工具使用、常见性能瓶颈定位及优化策略，并结合实际案例剖析 Go 程序的运行时行为，帮助开发者掌握构建高性能应用的关键技能。

8

2026.02.28

Golang 并发编程模型与工程实践：从语言特性到系统性能
Golang 并发编程模型与工程实践：从语言特性到系统性能

本专题系统讲解 Golang 并发编程模型，从语言级特性出发，深入理解 goroutine、channel 与调度机制。结合工程实践，分析并发设计模式、性能瓶颈与资源控制策略，帮助将并发能力有效转化为稳定、可扩展的系统性能优势。

14

2026.02.27

Golang 高级特性与最佳实践：提升代码艺术
Golang 高级特性与最佳实践：提升代码艺术

本专题深入剖析 Golang 的高级特性与工程级最佳实践，涵盖并发模型、内存管理、接口设计与错误处理策略。通过真实场景与代码对比，引导从“可运行”走向“高质量”，帮助构建高性能、可扩展、易维护的优雅 Go 代码体系。

17

2026.02.27

Golang 测试与调试专题：确保代码可靠性
Golang 测试与调试专题：确保代码可靠性

本专题聚焦 Golang 的测试与调试体系，系统讲解单元测试、表驱动测试、基准测试与覆盖率分析方法，并深入剖析调试工具与常见问题定位思路。通过实践示例，引导建立可验证、可回归的工程习惯，从而持续提升代码可靠性与可维护性。

2

2026.02.27

漫蛙app官网链接入口
漫蛙app官网链接入口

漫蛙App官网提供多条稳定入口，包括 https://manwa.me、https

130

2026.02.27

deepseek在线提问
deepseek在线提问

本合集汇总了DeepSeek在线提问技巧与免登录使用入口，助你快速上手AI对话、写作、分析等功能。阅读专题下面的文章了解更多详细内容。

8

2026.02.27

AO3官网直接进入
AO3官网直接进入

AO3官网最新入口合集，汇总2026年可用官方及镜像链接，助你快速稳定访问Archive of Our Own平台。阅读专题下面的文章了解更多详细内容。

208

2026.02.27

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多
HTML5CSS3分步提示框Tooltip 可嵌入任意HTML元素

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
HTML5/CSS3/JavaScript/ES6入门课程
HTML5/CSS3/JavaScript/ES6入门课程

共102课时 | 7.2万人学习

HTML+CSS基础与实战
HTML+CSS基础与实战

共132课时 | 11.9万人学习

前端开发（基础+实战项目合集）
前端开发（基础+实战项目合集）

共60课时 | 4.2万人学习

最新文章

更多
如何在 HTML 文档中任意位置精准嵌入 PyScript 动态输出内容
如何在 JavaScript 待办清单中持久化保存复选框状态并正确还原
HTML如何定义文档的实时区域_HTML定义文档实时区域属性【属性】
CSS 实现首字符（如标点）独立样式控制的三种可靠方案
如何消除 HTML 日历组件中左侧出现的异常粗边线
如何在 JavaScript 待办清单中持久化复选框状态并正确还原
如何在 HTML 文档中任意位置精准插入 PyScript 动态输出内容
Karate 测试日志无法在 Cucumber HTML 报告中显示的解决方案
如何用 CSS 实现斜线沿固定角度无旋转地生长动画
Django 表单中复选框状态异常：为何一个勾选会导致另一个自动取消？
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部