Chrome - HTML 5 本地存儲

    現今介紹HTML 5的數據不少，本地存儲是一個亮點。我只是作一點額外發現的補充。

    一、chrome本地存儲查看

     本地存儲能夠分爲WebStorage(Local Storage & Session Storage)、SQLLite， 使用chrome瀏覽器的時候，按F12->Resources，就能看到Databases和Local Storage、Session Storage，若是瀏覽的網站使用了本地存儲那麼相應的信息也會有。

    有趣的是，oschina在Local Storage那裏有一項my.oschina.net，可能調用了，可是沒有設置值。

    二、清除本地儲存

    本地存儲的使用，在多數HTML 5教程裏面是都有提到。那麼刪除本地存儲呢？？shift+ctrl+del，chrome就會彈出刪除緩存的彈窗，勾選「刪除 Cookie 以及其餘網站數據和插件數據」刪除。但是，這只是刪除了WebStorage。SQLLite的數據還在！！！！ 

    使用drop database沒有用？？！ 沒辦法，由於SQLite只是一個內嵌的數據庫，你的數據庫其實包含在一個文件裏面，若是你硬要刪除這個數據庫就只能刪除文件。

    三、刪除SQLLite

    先找到SQLLite存儲的地方:

Windows Vista or 7: \Users\_username_\AppData\Local\Google\Chrome\User Data\Default\databases
Windows XP: \Documents and Settings\_username_\Local Settings\Application Data\Google\Chrome\User Data\Default\databases
Mac OS X: ~/Library/Application Support/Google/Chrome/Default/databases
Linux: ~/.config/google-chrome/Default/databases

    其實跟databases的同級目錄，也能夠看到LocalStorage和SessionStorage的文件夾。只要刪除裏面的文件就能夠刪除SQLLite，也就是「drop database」。(只有關掉全部chrome的網頁才能刪除Databases.db，Databases.db-journal，或者禁止掉Chrome的SQLLite擴展，可是隻是單純的刪除file就已經能夠drop database了)

    四、本地儲存的「域」

    本地存儲的「域」，好吧，我不知道有沒有這個概念。可是，有這個概念，我想能夠讓不少人放心。HTML 5的本地存儲，不管是WebStorage或者是SQLLite，都會有個域，也就是你的域名IP。因此你開發的網站若是使用LocalStorage.setItem("xxx", "dddd")，假如其餘網站也用了「xxx」這個key（或者你在SQLLite裏面建了一個數據庫叫MyData，其餘的網站也建了這一個數據庫）。用戶在訪問其餘網站的時候，若是其餘的網站要清理或者覆蓋「xxx」這個key的時候，是覆蓋不了的。因此，你能夠儘可放心的肆無忌憚的setItem，由於其餘網站訪問不到你給用戶設置的本地存儲。(正常無惡意的狀況下)