开发APP怎样解决浏览器设置的几种情况？_博纳网络深圳网站建设公司

当前位置：

发布时间：2019-08-05

文章编辑：网站建设文章来源：APP开发浏览量：次

开发APP怎样解决浏览器设置的几种情况？深圳APP开发公司提醒我们在通过PageVisibilityAPI（页面可见性），网站开发者能够以编程方式确定页面的当前可见状态，从而使网站能够更有效地利用电源与CPU。例如，当页面获得或失去焦点时，文档对象的visibilitychange事件便会被触发：

01 document. addEventListener(' visibilitychange', function( event) { 02 if (document. hidden) { 03 // Page currently hidden. 04 }else{ 05 // Page currently visible. 06 }

07 });

这一事件对了解页面的可见状态十分有用，举例来说，用户可能会同时打开多个浏览器标签，而你希望只在用户显示你的网站页面时才进行某些操作（比如播放一段音频文件或执行一段JavaScript动画），就可以通过这一事件进行触发。对于移动设备来说，如果用户在某个标签中打开了你的网站，但正在另一个标签中浏览其他内容时，这一特性能够节省该设备的电池消耗。其他部分API功能简介：
ResourceTiming（资源计时）对单个资源（如图片）的计时，可以对细粒度的用户体验进行检测。
PerformanceTimeline（性能时间线）以一个统一的接口获取由Nav
igationTiming、ResourcingTiming和UserTiming所收集的性能数据。BatteryStatus（电池状态）能够检测当前设备的电池状态，例如是否正在充电、电量等级等。可以根据当前电量决定是否显示某些内容（例如视频、动画等），对于移动设备来说非常实用。UserTiming（用户计时）可以对某段代码、函数进行自定义计时，以了解这段代码的具体运行时间，类似于stopwatch的作用。Beacon（灯塔）可以将分析结果或诊断代码发送给服务器，采用异步执行的方式，不会影响页面中其他代码的运行，对于收集测试结果并进行统计分析来说是一种十分便利的工具。
AnimationTiming（动画计时）通过requestAnimationFrame函数让浏览器精通地控制动画的帧数，能够有效地配合显示器的刷新率，提供更平滑的动画效果，减少对CPU和电池的消耗。ResourceHits（资源提示）通过html属性指定资源的预加载，例如在浏览相册时能够预先加载下一张图片，加快翻页的显示速度。FrameTiming（帧计时）通过一个接口获取与帧相关的性能数据，例如每秒帧数和TTF。该标准目前尚未被支持。NavigationErrorLogging（导航错误日志记录）通过一个接口存储及获取与某个文档导航相关的错误记录。该标准目前尚未被支持。表9-1列举了当前主流浏览器对性能API的支持，其中标注星号的内容并非来自于Web性能工作小组。表9-1　