---
# System prepended metadata

title: 什麼是 localStorage ？
tags: [JavaScript - localStorage]

---

# 什麼是 localStorage ？

- 網頁上的範本 - 博客來網路書店：

  這邊是主頁面，我們可以看到很多本的書：
  
  ![](https://i.imgur.com/dYD3ZfG.jpg)


- 假設來講，我點擊了和孩子一起學習投資這本書：

  這時候到該頁面時，請往下拉到下方：
  
  會看到我瀏覽過的書籍如圖：
  
  ![](https://i.imgur.com/UprrVbq.png)



---

-  chorme 點下滑鼠右鍵，檢查

![](https://i.imgur.com/H7JspRK.png)


- 在點擊 Application，左邊會有一個: **storage**

  ＃中文翻譯是: 貯存、保管。
  
  這邊我們可以看到左邊我點擊了類似 **博客來的網址**
  
  而右邊會帶一個 key、value，這個應該就是書本的資訊了～
  
  
- 所以 localStorage 是什麼東西？  

  就是類似在網頁上可以儲存資料的技術
  
  像是我們常常在使用的 fb、ig 當你輸入密碼登入瀏覽之後
  
  你會發現再一次打開網頁還會保存你的內容
  
  那也是 localStorage 的技術表現～
  




###### tags: `JavaScript - localStorage`