1.根據預設在每個網域下為5MB的容量，IE8也支持LocalSorage，容量為10MB。
2.在Chrome中，localstorage的資料是以SQLite資料庫的格式存放。路徑(win 7)為C:\Users\用戶名\AppData\Local\Google\Chrome\User Data\Default\Local Storage。下載位址:http://www.sqlite.org/download.html，下載後點選localstorage的檔案按右鍵->開啟->從已安裝程式的清單選取程式 選擇以sqlite3開啟，如圖所示:
開啟後以DOS COMMAND輸入SQL查詢子句，即可獲得存在Chrome localstorage的key/value，如圖所示:
也可以直接在Chrome瀏覽器中直接檢視，如圖所示:
IE存放路徑及開啟方式花了很多時間查資料還是找不到，也請知道的看倌告知一下小弟我，感恩!
3.localStorage與sessionStorage的不同之處，在於生命周期。sessionStorage只存在某個頁面or頁籤，而localStorage則無此限制。
4.在瀏覽器中點選清除瀏覽資料的功能後，localStorage的資料不會被清除掉。以IE為例，必須重設IE，IE的localStorage才會被清掉。
以下小範例為實作在TextBox中輸入資料同時，一併將資料寫入到localStorage中。而將該頁面關閉再另開啟一新頁面時，仍會顯示之前輸入的資料。
其中所用到的modernizr.min.js檔，為瀏覽器支持html5的檢測程式，可以個別檢測html5的功能瀏覽器是否支持。下載頁面:http://www.modernizr.com/download/
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HTML5LocalStorage.aspx.cs" Inherits="HTML5LocalStorage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script src="scripts/modernizr.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function () {
if (supportLocalStorage()) {
var name = localStorage["txtName"];
document.getElementById("txtName").value = name;
}
}
function saveLocalStorage(value) {
if (supportLocalStorage()) {
localStorage["txtName"] = value;
}
}
function supportLocalStorage() {
if (Modernizr.localstorage) {
return true;
} else {
return false;
}
}
function ClearLocalStorage() {
localStorage.clear();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="text" name="txtName" id="txtName" onkeyup="saveLocalStorage(this.value);" />
<input type="button" name="btnClear" value="清除LocalStorage" onclick="ClearLocalStorage();" />
</div>
</form>
</body>
</html>
請先 登入 以發表留言。