html5使用local storage存储的数据在本地是以何种形式保存的

最新推荐文章于 2024-04-19 11:57:25 发布

yhawaii

最新推荐文章于 2024-04-19 11:57:25 发布

阅读量6.8k

点赞数 2

分类专栏： HTML5 文章标签： html5 存储 sqlite manager chrome 浏览器

本文链接：https://blog.youkuaiyun.com/yhawaii/article/details/7733219

版权

HTML5 专栏收录该内容

4 篇文章

订阅专栏

本文详细解析HTML5 LocalStorage如何在本地存储数据，指出Chrome浏览器使用sqlite数据库进行数据保存，并提供了在不同操作系统下数据的保存路径。同时介绍了如何使用Firefox的SQLiteManager附加组件查看本地数据文件，提供了具体的安装步骤和操作指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html5使用local storage存储的数据是如何保存在本地的？（我使用的是chrome浏览器，chrom浏览器是用sqlite来保存本地数据的）

Html5 的local storage 是通过浏览器在本地存储的数据。

基本使用方法如下：

<script type="text/javascript">
localStorage.firstName = "Tom";
alert(localStorage.firstName);
</script>

这样的话，就将数据保存到本地了，但是本地数据是以什么形式进行保存的呢，经过跟踪，发现在Chrome浏览器中，数据是以sqlite的数据库文件形式存储的。

在windows下，是保存在C:\Documents and Settings\User Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Local Storage 路径(其中User Name是指当前的用户名)下的；

在Mac下，是保存在/Users/User Name/Library/Application Support/Google/Chrome/Default/Local Storage路径(其中User Name是指当前的用户名)路径下的

虽然后缀名是.localstorege 但是实际上就是sqlite的数据库文件，可以用sqlite打开，并看到其中的数据。（可以使用firefox的SQLite Manager附加组件打开）

安装组件步骤和安装firebug类似，选择菜单工具-->附件组件，打开附件组件设置页，搜索"SQLite Manager"关键字，安装"SQLite Manager"插件后重启firefox，就可以在工具中看到"SQLite Manager"附加组件了，如下图所示：

下图是查看刚刚保存的本地数据文件