LocalStorage 存储在哪里

LocalStorage（本地存储）是一个浏览器特性，可以在客户端存储一些数据，这些数据可以在用户关闭浏览器后，再次访问时被读取和修改。LocalStorage 中存储的数据不会被发送到服务器上，所以可以被用来存储临时的数据，比如用户的个人设置或者一个网站的主题设置等。

LocalStorage 的使用

LocalStorage 的 API 打破了 cookie 只能在同一个域名下保存 4KB 数据的限制，所以 LocalStorage 可以存储更多的数据，而且在不同域名下的数据也是互相独立的。

一个简单的例子，设置 LocalStorage：

localStorage.setItem('name', '张三');

这行代码会向浏览器中存储一个名为 name 的键值对，值为 张三。

我们可以用 localStorage.getItem(key) 方法来读取这个值：

localStorage.getItem('name'); // "张三"

我们可以用 localStorage.removeItem(key) 移除这个键值对：

localStorage.removeItem('name');

要删除所有的储存的数据：

localStorage.clear();

以上是常用的 API，有了这些基本的操作，就可以在页面的 JavaScript 代码中存储和读取数据了。通常，localStorage 会被用来存储一些设置，比如用户选择的主题、阅读过的文章等等。

LocalStorage 存储的位置

LocalStorage 存储在客户端的本地硬盘上，而不是服务器上。每个域名下都会有独立的数据存储目录。LocalStorage 的数据存在硬盘上，所以和 cookie 不同，如果客户端清除了缓存，那么 LocalStorage 中的数据也会被清除。

LocalStorage 的存储位置不是固定的，不同的浏览器可以将其存储在不同的目录下。不过存储的位置一般都在以下几个目录中：

• Windows：

  %APPDATA%\Roaming\Mozilla\Firefox\Profiles\xxx.default\storage\default\

  %USERPROFILE%\Local Settings\Application Data\Google\Chrome\User Data\Default\Local Storage\

  %USERPROFILE%\Local Settings\Application Data\Microsoft\Internet Explorer\DOMStore\

• Mac OS：

  ~/Library/Application Support/Google/Chrome/Default/Local Storage/

  ~/Library/Application Support/Firefox/Profiles/xxx.default/storage/default/

  ~/Library/Safari/LocalStorage/

• Linux：

  ~/.config/chromium/Default/Local Storage/

  ~/.config/google-chrome/Default/Local Storage/

不同浏览器存储位置的不同，根据实际情况而定。

总结

LocalStorage 是浏览器提供的一种客户端存储机制，通常用来存储一些临时的数据。其数据存储在用户的本地硬盘上，不会被发送到服务器。LocalStorage 的 API 简单易用，可以通过 localStorage.setItem(key, value)、localStorage.getItem(key)、localStorage.removeItem(key)、localStorage.clear() 来完成数据的存取。LocalStorage 存储的位置不同浏览器会有所不同，不过一般都在本地硬盘上的某个目录下。