开发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
各浏览器对性能API的支持情况。好了APP开发公司本文关于“开发APP怎样解决浏览器设置的几种情况？”的相关制作知识就分享到这里，谢谢关注，博纳网络编辑整理。
ResourceTiming（资源计时）对单个资源（如图片）的计时，可以对细粒度的用户体验进行检测。
PerformanceTimeline（性能时间线）以一个统一的接口获取由Nav
igationTiming、ResourcingTiming和UserTiming所收集的性能数据。BatteryStatus（电池状态）能够检测当前设备的电池状态，例如是否正在充电、电量等级等。可以根据当前电量决定是否显示某些内容（例如视频、动画等），对于移动设备来说非常实用。UserTiming（用户计时）可以对某段代码、函数进行自定义计时，以了解这段代码的具体运行时间，类似于stopwatch的作用。Beacon（灯塔）可以将分析结果或诊断代码发送给服务器，采用异步执行的方式，不会影响页面中其他代码的运行，对于收集测试结果并进行统计分析来说是一种十分便利的工具。
AnimationTiming（动画计时）通过requestAnimationFrame函数让浏览器精通地控制动画的帧数，能够有效地配合显示器的刷新率，提供更平滑的动画效果，减少对CPU和电池的消耗。ResourceHits（资源提示）通过html属性指定资源的预加载，例如在浏览相册时能够预先加载下一张图片，加快翻页的显示速度。FrameTiming（帧计时）通过一个接口获取与帧相关的性能数据，例如每秒帧数和TTF。该标准目前尚未被支持。NavigationErrorLogging（导航错误日志记录）通过一个接口存储及获取与某个文档导航相关的错误记录。该标准目前尚未被支持。表9-1列举了当前主流浏览器对性能API的支持，其中标注星号的内容并非来自于Web性能工作小组。表9-1
各浏览器对性能API的支持情况。好了APP开发公司本文关于“开发APP怎样解决浏览器设置的几种情况？”的相关制作知识就分享到这里，谢谢关注，博纳网络编辑整理。当前文章链接：/construction/appkaifa/3397.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
