1.全屏API(FullscreenAPI) 此API允许开发者以编程方式全屏运行网络应用程序,使网络应用程序更像本地应用程序。//寻找适合浏览器全屏的方法functionlaunchFullScreen(element){if(element.requestFullScreen){element.requestFullScreen();}elseif(element.mozRequestFullScreen){element.mozRequestFullScreen();}elseif(element.webkitRequestFullScreen){element.webkitRequestFullScreen();}}//启动全屏模式launchFullScreen(document.documentElement);//thewholepagelaunchFullScreen(document.getElementById("videoElement"));//anyindividualelement2.页面可见性API(PageVisibilityAPI) 该接口可用于检测页面对用户的可见性,即返回用户当前浏览的页面或标签的状态变化。//设置隐藏属性和可见变化事件的名称,属性需要加上浏览器前缀//sincesomebrowsersonlyoffervendor-prefixedsupportvarhidden,state,visibilityChange;if(typeofdocument.hidden!=="undefined"){hidden="hidden";visibilityChange="visibilitychange";state="visibilityState";}elseif(typeofdocument.mozHidden!=="undefined"){hidden="mozHidden";visibilityChange="mozvisibilitychange";state="mozVisibilityState";}elseif(typeofdocument.msHidden!=="undefined"){hidden="msHidden";visibilityChange="msvisibilitychange";state="msVisibilityState";}elseif(typeofdocument.webkitHidden!=="undefined"){hidden="webkitHidden";visibilityChange="webkitvisibilitychange";state="webkitVisibilityState";}//添加标题变化监听器document.addEventListener(visibilityChange,function(e){//开始或停止状态处理},false);3.获取用户媒体API 此API允许Web应用程序在不使用插件的情况下访问摄像头和麦克风。//设置事件监听window.addEventListener("DOMContentLoaded",function(){//获取元素varcanvas=document.getElementById("canvas"),context=canvas.getContext("2d"),video=document.getElementById("video"),videoObj={"video":true},errBack=function(error){console.log("Videocaptureerror:",error.code);};//设置视频监听器if(navigator.getUserMedia){//Standardnavigator.getUserMedia(videoObj,function(stream){video.src=stream;video.play();},errBack);}elseif(navigator.webkitGetUserMedia){//WebKit-prefixednavigator.webkitGetUserMedia(videoObj,function(stream)){video.src=window.webkitURL.createObjectURL(stream);video.play();},errBack);}},false);4.电池API(电池API) 这是一个面向移动设备应用的API,主要用于检测设备电池信息。varbattery=navigator.battery||navigator.webkitBattery||navigator.mozBattery;//电池属性console.warn("Batterycharging:",battery.charging);//trueconsole.warn("Batterylevel:",battery.level);//0.58console.warn("Batterydischargingtime:",battery.dischargingTime);//添加事件监听器battery.addEventListener("chargingchange",function(e){console.warn("Batterychargechange:",battery.charging);},错误的);5.LinkPrefetching 预加载网页内容,为浏览者提供流畅的浏览体验。
