抛弃cookie使用浏览器本地存储实现浏览记录

哥斯拉 · 发表于前天 08:50

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

抛弃cookie使用浏览器本地存储实现浏览记录。
1，首先下载localforage.min.js这个组件，而后在引入进来（如果浏览器不支持indexdb，会自动用localStorage保存）localStorage保存一般为5m，而indexdb本地数据库支持上GB的存储。
2，以浏览文章为例，首先得在公用JS文件写入INDEXdb大数据库配置

localforage.config({driver: localforage.INDEXEDDB, // 使用 IndexedDBname: 'meiwenyyuqi', // 数据库名称version: 1.0, // 数据库版本storeName: 'meiweny' // 存储对象的名称});

复制代码

//保存阅读记录function set_history(_url, _name, _id) {var yueduhistorytime = new Date().formatCode();var userpic = $('.userinfos .userface').attr('src');/var username = $('.userinfos .username').text();var user = {id: _id,name: _name,url: _url,yueduhistorytime: yueduhistorytime,username:username,userpic: userpic,};localforage.getItem('yuedu_news_History').then(function(Game_Data) {Game_Data = Game_Data || [];var userExists = Game_Data.some(function(item) {return item.name === _name;});if (!userExists) {Game_Data.push(user);localforage.setItem('yuedu_news_History', Game_Data).then(function() {localStorage.setItem('duanpian_history_Length', Game_Data.length);}).catch(function(err) {console.error("Error setting item", err);});} else {console.log("User already exists");}}).catch(function(err) {console.error("Error getting item", err);});}

复制代码

//获取阅读记录function get_history(limit = 10) {return localforage.getItem('yuedu_news_History').then(function(Game_Data) {Game_Data = Game_Data || [];var yueduHistory = Game_Data.slice().reverse();/var topRecords = yueduHistory.slice(0, limit);var aaastr = '';topRecords.forEach(function(item) {aaastr += '<li><a class="meiwen" href="' + item.url + '" title="' + item.name + '">' + item.name + '</a><span class="time">' + yuedu_riq + '</span></li>';});return aaastr;}).catch(function(err) {console.error("Error getting item", err);return ''; });}

复制代码

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！