javascript - 本地存储与 Web SQL

Question

我正在从事一个项目，这是一个移动网络应用程序。我正在使用 JQuery 移动版。

我有一个带有 jquery ListView 的页面，当用户单击 ListView 中的每个项目时，与该项目关联的所有数据都将传递到对话框页面。我使用本地存储在页面之间传递值。但是我想做的是记录用户的操作并将它们显示为事件提要。存储他们点击的项目、他们在打开的对话框页面上花费的时间以及能够在新页面上显示所有这些信息。例子

你点击了项目a

您在项目 b 上花费了 15 秒

等等

那么本地存储对这个或 WEB SQL 有好处吗？

我还注意到 WeB SQL 不再主动维护了？ http://www.w3.org/TR/webdatabase/这是否意味着它将被弃用？

本地存储示例:

每个项目都是一个 json 对象，我需要传递整个对象才能在新页面中查看它，所以我有:

function addPostToLocalStorage(YTfeeditems){
    $(".item").on('click', function () {
        
        var i = $('.item').index(this);
        console.log(i);
        
        var Viditem = YTfeeditems[i];
        console.log(Viditem);

        localStorage['youtubeclickedPost'] = JSON.stringify(Viditem);
        storedItem = localStorage['youtubeclickedPost'];
        retrievPostFromLocalStorage();
    }
});

function retrievPostFromLocalStorage(){
    var retrievedStringItem = localStorage.getItem(['youtubeclickedPost']);
    var convertedPost = JSON.parse(retrievedStringItem);
    showDetailedPost(convertedPost);
}

当项目被点击时，我想存储视频的 ID，记录它被点击的时间，记录 ytfullviewpage 打开了多长时间，如果点击了“竖起大拇指”图像，也记录在该页面内如果单击“不满意”，则将这些详细信息添加到本地存储并在新页面中检索它们以显示它们。我似乎可以理解在执行此操作时使用本地存储的方法。我已经为这个 here 粘贴了我的 javascript

这可能会给你一个更好的主意。

Answer 1

WEB SQL 已弃用，但在某些平台上仍然可用 http://caniuse.com/#feat=sql-storage localstorage 我们可能适合您的解决方案。如果您觉得需要更多存储空间，请使用 http://pouchdb.com/因为它有针对不同浏览器存储的交叉适配器和一些不错的功能，比如同步。