扫一扫分享
ZangoDB是一个类似于MongoDB的html5 IndexedDB接口,支持熟悉的过滤、投影、排序、更新和MongoDB的聚合特性。
用户新打开一个页面,将页面的 path(从 history.location 获得),title(用户即 开发者/模块使用者 灵活自定义)、和其他自定义属性加入会话历史缓存;
参数 | 描述 |
---|---|
path | 页面路径,可以用于导航跳转 |
title | 可自定义的显示的页面标题 |
history | 使用 history 管理会话历史 |
可以使用浏览器的客户端存储来存储会话历史。由于不仅存储 path、title等字符串,还要存储页面快照,故 localStorage 不满足存储容量要求,所以使用 indexDB。ZangoDB 是一个 indexDB 接口,可以使用它来连接、操作 indexDB 数据库。
用户在离开一个页面的时候,为此页面生成一个快照。在用户离开页面之前就为当前页面生成 canvas,然后使用 html2canvas 将其转化为图片(可以以 Blob 或者将 Blob 再转化为 base64 ),最后和页面的 path、title 一起存储到会话历史数据库。后面显示页面快照的时候直接把图片显示出来就可以了。
手机预览