localStorage 是 HTML5 新增的特性之一,用以代替之前較老 HTML 版本中的 Cookie 來保存客戶端數據。這個新特性的最大特點是允許我們能更多地在客戶端保存數據,無需插件每個網站即可存儲最大數據量為5M的信息,部分瀏覽器甚至允許用戶自定義存儲大小。對於只存儲字符串類型數據的應用需求來說,這已經足夠大了。
昨天在寫 localStorage 的演示程度時,在 IE10 下調試,莫名地碰到了如下錯誤:
這錯誤報得很蹊蹺啊,難道是 IE10 不支持 localStorage?后來想想不可能啊,IE10 的宣傳中明確寫着完美支持 HTML5 啊。后來在園友 xiaowei0705 博文《HTML5 LocalStorage 本地存儲》中看到,原來 IE10 下調試HTML5頁面,localStorage 特性需要將頁面部署到 IIS 下才能支持,直接點開靜態的 HTML 頁面是不可以的。
於是小G將文件夾發布到 IIS 中,然后瀏覽,果然得到了預期的效果,如下圖:
這里歌曲列表在添加后是保存在 localStorage 變量中的,刷新頁面后,之前添加的歌曲列表會自動加載。
這是我在學習中遇到的小問題的總結,希望能對剛剛接觸 HTML5 的鄉親們有所幫助。