HTML5 混合APP开发学习笔记(十四)——HTML5+Runtime

发布时间:2024-12-24 05:52

HTML5和CSS3的响应式布局 #生活知识# #编程教程#

最新推荐文章于 2024-09-28 22:57:04 发布

123,机器人 于 2019-05-30 16:24:30 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

HTML5+Runtime

简介:
HTML5+规范是一套HTML5能力的扩展规范,定义了HTML5中没有,但开发者做App需要的扩展规范,它隶属于HTML5中国产业联盟(http://www.html5plus.org)。封装成跨平台的HTML5+规范是由HTML5中国产业联盟统一制定的,它并不做厂商私有API,而是包括二维码、摇一摇、语音输入、地图、支付、分享、文件系统、通讯录等常用API,可以方便简单的编写和实现跨平台App应用开发。
Android内置webkit内核的高性能浏览器,而WebView则是在这个基础上进行封装后的一个 控件,WebView直译网页视图,我们可以简单的看作一个可以嵌套到界面上的一个浏览器控件!
THML5+规范调用语法:
提前注入: <script src=“html5plus://ready”></script>

document.addEventListener('plusready', function () { // 在这里调用HTML5+ API },false); 1234 API模块: 模块名称说明APIAccelerometer访问设备感应器plus.accelerometerAudio访问设备麦克风plus.audioCache管理应用缓存plus.cacheCamera访问摄像头设备plus.cameraContacts访问系统联系人信息plus.constactsDevice访问设备信息plus.device,plus.display,plus.networkinfo,plus.screenDownloader管理文件下载任务plus.downloaderFile访问本地文件系统plus.ioGallery访问系统相册plus.galleryGeolocation获取设备位置信息plus.geolocationMessaging访问设备通讯能力plus.messagingNativeObj原生对象plus.nativeObjNativeUI原生UI控件plus.nativeUINavigator浏览器信息plus.navigatorOrientation获取设备方向信息plus.orientationPush管理消息推送能力plus.pushProximity获取距离感应器plus.proximityStorage管理应用本地数据plus.storageUploader管理文件上传任务plus.uploaderRuntime访问运行期环境APIplus.RuntimeWebview窗口管理plus.WebviewXMLHttpRequest跨域网络访问APIplus.netZip文件压缩与解压缩plus.zipMaps地图扩展功能plus.mapsBarcode二维码功能plus.barcodePayment支付功能plus.paymentShare分享功能plus.shareSpeech语音识别功能plus.speechStatistic统计功能plus.statistic

Webview模块

简介:
Webview模块管理应用窗口界面,实现多窗口的逻辑控制管理操作,一个APP往往包含多个窗口,相互之间的跳转、嵌套、刷新等,都可通过该窗口实现
方法:

all:Array[WebviewObject] plus.Webview.all()
获取所有Webview窗口,返回一个WebviewObject的数组close:void plus.Webview.close(id_wvobj)
关闭已打开的Webview窗口,id_wvobj 为窗口对象的 idcreate:WebviewObjec plus.Webview.creat(url)
创建Webview窗口,用于加载新的HTML页面hide:void plus.Webview.hide(id_wvobj) 隐藏窗口open:void plus.Webview.open(id_wvobj) 创建并显示窗口show:void plus.Webview.show(id_wvobj) 显示隐藏窗口currentWebview:WebviewObjec plus.Webview.currentWebview()
获取当前WebviewObjec 对象getWebviewById:WebviewObjec plus.Webview.getWebviewById(id)
通过id查找WebviewObjec 对象getLaunchWebview:WebviewObjec plus.Webview.getLaunchWebview()
获取应用首页的WebviewObjec 对象getTopWebview:WebviewObjec plus.Webview.getTopWebview()
获取栈顶的WebviewObjec 对象

WebviewObjeci

id属性:是Webview窗口的标识,为String类型,在打开或创建Webview窗口时设置,由于其的唯一性,建议使用页面名作为id
方法:

addEventListener:wobj.addEventListener(event,listener) 添加事件监听器Append:wobj.Append(Webview) 添加子窗口AppendJsFile:wobj.AppendJsFile(file) 添加Webview窗口预加载js文件back:wobj.back( ) 回退children:wobj.children( ) 获取所有子窗口clear:wobj.clear( ) 清除窗口内容、历史记录,用于重新加载close:wobj.close( ) 关闭并销毁窗口forward:wobj.forward( ) 前进getURL:String wobj.getURL( ) 获取当前页面的URLloadURL:wobj.loadURL( ) 从新的URL加载页面parent:wobj.parent( ) 获取父窗口remove:wobj.remove(Webview ) 移除指定子窗口setStyle:wobj.setStyle(style) 设置窗口样式,style为json对象getStyle:wobj.getStyle() 返回窗口样式,为json对象

总结

混合APP的每个页面就是一个Webview窗口,通过Webview与JS交互,CSS美化页面,Runtime的API调用手机,这些技能进行有机的组合,从而实现各种功能。

网址:HTML5 混合APP开发学习笔记(十四)——HTML5+Runtime https://www.yuejiaxmz.com/news/view/551361

相关内容

浅谈移动网络中HTML5的应用前景
充实的学习生活从千锋深圳HTML5培训开始
HTML5+CSS宠物网站设计
利用HTML5 Web Audio API给网页JS交互增加声音 « 张鑫旭
前端HTML5自动化工具你了解指南.pdf
通用生活记账app/基于android记账系统/财务管理系统
玩转HTML5移动页面(优化篇)
玩转HTML5 Video视频WebVTT字幕使用样式与制作 « 张鑫旭
Html5与Css3布局、盒模型(七)
收藏!二十四节气学习笔记

随便看看