HTML5 Web 存储 | 地理定位

70 阅读1分钟

Web存储

Web 存储对象的类型

Web 存储对象有两种类型:

localStorage 与 sessionStorage 的区别

localStorage 对象存储的数据没有时间限制。

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。

Web 存储使用的 API

不管是 localStorage,还是 sessionStorage,可使用的 API 都相同,常用的有如下几个(以 localStorage 为例):

  • 保存数据: localStorage.setItem(key,value);

  • 读取数据: localStorage.getItem(key);

  • 删除单个数据: localStorage.removeItem(key);

  • 清除所有数据: localStorage.clear();

  • 得到某个索引的key: localStorage.key(index);

注意:

  •  键/值对通常以字符串存储,你可以按自己的需要转换该格式。

地理定位

什么是 Geolocation API?

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。

注意

  • Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。

Geolocation API 的主要方法是 getCurrentPosition

如果 getCurrentPosition() 运行成功,则 getCurrentPosition() 方法返回对象。始终会返回 latitudelongitude 以及 accuracy 属性。如果可用,则会返回其他下面的属性:

  • coords.latitude:十进制数的纬度。
  • coords.longitude:十进制数的经度。
  • coords.accuracy:位置精度。
  • coords.altitude:海拔,海平面以上以米计。
  • coords.altitudeAccuracy:位置的海拔精度。
  • coords.heading:方向,从正北开始以度计。
  • coords.speed:速度,以米/每秒计。
  • timestamp:响应的日期/时间。