HTML5的local storage存储的数据到底存到哪去了

Posted 2023-03-23

基本使用方法如下：localStorage.name = "k1w1"; 这样的话，你的本地磁盘中就会有个数据库存下了这个数据。我无法接受数据写到了我的本地磁盘而我找不到它的确切位置，于是通过寻找发现：Chrome 的存储方式是以sqlite的数据库文件形式存储。存在C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Local Storage 中，虽然后缀名是.localstorege 但是实际上就是sqlite的数据库文件，可以用sqlite打开，并看到其中的数据。这么蛋疼的找它存在哪里是因为我想删掉在学习使用local storage时产生的一些垃圾数据，有点电脑洁癖。就像当初我喜欢选择性删除cookies一样。Firefox存在哪里暂时没有找到，感觉像是被加了密的sqlite数据库文件（这样的话firefox的安全性就高一些了），不过我每次关掉firefox它都会自动删掉所有浏览数据，所以也暂时不想找它存在哪了。 参考技术A 存在Web Storage中了，html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。
而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 参考技术B 基本使用方法如下：localStorage.name = "k1w1"; 这样的话，你的本地磁盘中就会有个数据库存下了这个数据。我无法接受数据写到了我的本地磁盘而我找不到它的确切位置，于是通过寻找发现：Chrome 的存储方式是以sqlite的数据库文件形式存储。存在C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Local Storage 中，虽然后缀名是.localstorege 但是实际上就是sqlite的数据库文件，可以用sqlite打开，并看到其中的数据。这么蛋疼的找它存在哪里是因为我想删掉在学习使用local storage时产生的一些垃圾数据，有点电脑洁癖。就像当初我喜欢选择性删除cookies一样。Firefox存在哪里暂时没有找到，感觉像是被加了密的sqlite数据库文件（这样的话firefox的安全性就高一些了），不过我每次关掉firefox它都会自动删掉所有浏览数据，所以也暂时不想找它存在哪了。 参考技术C

local storage实际的缓存文件存储位置放在那里你知道是没有意义的，不同的浏览器存放位置有所不同，你只需要知道怎么使用就可以了。

推荐你一个教程，里面案例里面有完整的封装好的类，可以实现有效期，封装、uni-app版本兼容等等，我学了之后感觉还不错。 

教程链接

Ionic2学习笔记：Local Storage& SQLite

作者：Grey

原文地址： http://www.cnblogs.com/greyzeng/p/5557947.html

   

       

 Ionic2可以有两种方式来存储数据，Local Storage和SQLite

   

LocalStorage

   

因为比较容易访问，所以不适合存比较敏感性的数据

比如可以存储: 用户是否登录的信息. 一些session信息等

具体用法：

• 进入项目目录：cd MyFirstApp
• 在主页设置一个按钮，点击按钮，获取LocalStorage的数据并打印在控制台

  app/pages/home/home.html

  

  在app/pages/home/home.ts中增加一个处理方法：

  我们可以通过

  this.local = new Storage(LocalStorage);

  this.local.set(\'isLogin\', false);

  来设置并保存isLogin的值

  并且通过：

  this.local.get(\'isLogin\');

  来获取isLogin的值

  

• 运行：ionic serve -l

  

  点击按钮，打开Chrome控制台，可以看到输出结果：

  

     

SQLite

我们还可以通过SQLite来存储数据，通过SQL语句来实现相关存储。

• 首先我们必须增加一个插件：进入项目目录：cd MyFirstApp

  运行：ionic plugin add https://github.com/litehelpers/Cordova-sqlite-storage

• 在app/app.ts中，我们先初始化一些数据库信息：

  

• 在app/pages/home/home.html中增加一个按钮和一个Label，点击按钮，将数据库dbname6中people这个表的第一条记录的firstname字段展示出来：

  app/pages/home/home.html

  

  在app/pages/home/home.ts中增加相应的方法来获取数据库中的数据：

  

• 运行：ionic serve -l

  

  点击ShowData按钮：

  

     

更多：Use SQLite In Ionic 2 Instead Of Local Storage

------

上一篇：Ionic2学习笔记（7）：Input

下一篇：Ionic2学习笔记（9）：访问本地设备