html5plus教程.docx

HTML5plus教程HTML5+ - 介绍、获取设备信息1、HTML5+ 介绍HTML5plus Runtime，简称5+ Runtime，是运行于手机端的强化web引擎，除了支持标准HTML5外，还支持更多扩展的js api，使得js的能力不输于原生。5+ Runtime内置于HBuilder，在真机运行、打包时自动挂载。业内之前有phonegap/Cordova方案，但是他们自带js api太少了，扩展api需要用原生语言开发，更致命的是这类方案的性能不足。封装成跨平台的HTML5plus规范，并将规范公开于www.HTML5，不做厂商私有API。包括二维码、摇一摇、语音输入、地图、支付、分享、文件系统、通讯录等常用API，可以方便简单的编写，并且可跨平台。HTML5+ 和 MUI的关系mui是基于HTML5+ 的一套app前端UI框架（不要再问mui能不能用在微信公众号开发中了，不能！），如果你觉得MUI过于臃肿并拥有一定的js及综合开发能力，那么可以直接使用HTML5+进行app开发。开发工具 HBUIDER！2、获取设备信息imei: 设备的国际移动设备身份码 mui.alert(plus.device.imei);imsi: 设备的国际移动用户识别码 mui.alert(plus.device.imsi);model: 设备的型号 mui.alert(plus.device.model);vendor: 设备的生产厂商 mui.alert(plus.device.vendor);uuid: 设备的唯一标识 mui.alert(plus.device.uuid);OS 底层系统信息:language: 系统语言信息mui.alert(plus.os.language);version: 系统版本信息mui.alert(plus.os.version);name: 系统的名称mui.alert(plus.os.version);vendor: 系统的供应商信息mui.alert(plus.os.vendor);Screen模块管理设备屏幕信息：resolutionHeight: 设备屏幕高度分辨率设备屏幕区域包括系统状态栏显示区域和应用显示区域，screen获取的是设备屏幕总区域的逻辑分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。mui.alert(Screen height: + plus.screen.resolutionHeight * plus.screen.scale +px);resolutionWidth: 设备屏幕宽度分辨率设备屏幕区域包括系统状态栏显示区域和应用显示区域，screen获取的是设备屏幕总区域的分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。alert(Screen width: + plus.screen.resolutionWidtht*plus.screen.scale +px);scale: 逻辑分辨率与实际分辨率的比例alert( plus.screen.scale);Display模块管理应用可使用的显示区域信息：应用可使用的屏幕高度逻辑分辨率plus.display.resolutionHeight;应用可使用的屏幕宽度逻辑分辨率plus.display.resolutionWidth;屏幕亮度//获取亮度0 - 1之间的数值plus.screen.getBrightness();//设置plus.screen.setBrightness(0.5);//使用range滑块设置屏幕亮度的实例div class=mui-contentdiv style=height:50px;/divdiv style=padding:20px;div class=mui-input-row mui-input-rangelabelRange/labelinput type=range min=0 max=100 value=1 onchange=setLight(this.value);/div/div/div/bodyscript type=text/javascriptmui.init();function setLight(val){plus.screen.setBrightness(val/100);}/script屏幕方向锁定屏幕方向void plus.screen.lockOrientation(String orientation );//参数orientation:(String)必选要锁定的屏幕方向值锁定屏幕方向可取以下值：portrait-primary:竖屏正方向；portrait-secondary:竖屏反方向，屏幕正