了解過HTML5的朋友或多或少都聽說過LocalStorage，它是H5推出的一種本地化存儲方案。

HTML5推出LocalStorage的目的是啥？

在HTML4時代，如查我們需要在本地瀏覽器中保存一些臨時數(shù)據(jù)只能將數(shù)據(jù)保存在Cookie中，但是Cookie技術(shù)并不是用來存儲數(shù)據(jù)的，過度使用會帶來一些問題，如：

• Cookie只能存儲4K左右數(shù)據(jù)，數(shù)據(jù)容量小；

• Cookie數(shù)據(jù)會附加在請求頭信息中，較多的Cookie會影響請求速度。

為了緩解這些尷尬，HTML5就新增了一個特性：本地存儲（LocalStorage）。

以Chrome為例，打開調(diào)試工具》Application》LocalStorage中即可查看當(dāng)前站點(diǎn)的本地存儲鍵值對。

LocalStorage的本質(zhì)

現(xiàn)在主流瀏覽器上都是以SQLite數(shù)據(jù)庫來存儲LocalStorage中的K/V數(shù)據(jù)的（最終存儲在本機(jī)硬盤上）。SQLite是一款十分輕巧的關(guān)系型數(shù)據(jù)庫，它能跨平臺，另外占用系統(tǒng)資源也非常低。

LocalStorage存儲位置在哪？

這里需要說明一下，不同瀏覽器對于LocalStorage的支持是不同的，所以存儲位置也是不同的，甚至說相同瀏覽器在不同系統(tǒng)下的LocalStorage存儲位置也不同。

我整理了主流瀏覽器下LocalStorage的存儲位置供大家參考：

1、Chrome

Chrome下的LocalStorage在硬盤上的數(shù)據(jù)庫文件名為：*.localstorage，我們可以在電腦上搜索此文件后綴就可以定位其位置了，如：

2、Firefox

Firefox瀏覽器下的LocalStorage對應(yīng)的SQLite庫文件名為：*.sqlite

以上就是我的觀點(diǎn)，對于這個問題大家是怎么看待的呢？歡迎在下方評論區(qū)交流~我是科技領(lǐng)域創(chuàng)作者，十年互聯(lián)網(wǎng)從業(yè)經(jīng)驗，我了解更多科技知識！