我们使用JSON.parse函数将有效元素转化为JavaScript对象。若游戏ID与当前游戏ID—致(item.gid=game.store.gid),则将对象添加至games_done数组中，并检查其分数是否髙于之前的最高分数(Math.max)。之后，把这些内容合并为字符串变量S，以给出已完成游戏次数以及最髙分的详细信息。如图所示，游戏还能标明浏览器是否处于在线状态。这对我们的应用程序很重要，因为玩家在离线状态下无法更新游戏：
varsetOnlineStatus=function(){if(navigator.onLine){_get('onlineStatusM.innerHTML='Online1;^get('onlineStatus').className='online';_get('updateButton').style.visibility='visible*;else{getonlineStatus').innerHTML='Offline';.
宁波网站制作认为~get('onlineStatus').className='offline';1Iget('updateButton*).style.visibility='hidden';变量navigator的检查结果决定了是否显示更新程序按钮。为保证在线状态始终为最新结果，我们还要为在线滴线两种状态定义事件监听器：
//controlonline-status
window.addEventListener("online",function(){setOnlineStatus();},false);window.addEventListener("offline",function(){setOnlineStatus0;},false);扩展选项
为了让游戏变得更加有趣，你可以加人以下扩展选项。
选择难度：定义目标在图像中的有效区域(像素)。默认设置的15像素适合普通难度。你可以使用新的HTML5表单元素range通过input字段创建区域变童。积分表在计算时显然也需要考虑到难度。
可变的目标尺寸/形状：鉴于需要定位的目标通常拥有不同大小，可以考虑为每个目标对象加上额外参数，用来定义有效的区域半径。若目标不是圆形，你也可以把它设为别的几何形状。
根据距离计算得分：你可以将与目标的距离计人得分：玩家用鼠标在地图上点击得与目标越近，右侧显示得分越高。
添加在线积分表：将离线存储中的得分数据合并至在线积分表。需要Web服务器数据库的访问权限。
与GeolocationAPI结合：此扩展功能让我们的案例走得更远：在足够精确地定位了玩家当前地区位置之后，相关GoogleMaps地图部分将被加载。玩家的任务是在地图上尽量精准地找到他的确切位置。在这种情况下，此游戏无法离线进行，并显然非常适合在移动设备上运行。
游戏Clicktotick!，它展示了离线缓存及本地储存的强大。通过两种新技术，我们创建了一个能在web浏览器上运行但在离线状态下也保持功能齐全的应用程序，自动更新功能更为其锦上添花。此程序不需要管理权限也可以正常安装。
本文由乐华网络编辑，转载请注明出处
宁波网站制作www.leseo.net
