IE10 下 localStorage 異常(SCRIPT5007:無法獲取未定義或 null 引用的屬性 getItem)的解決方法


localStorage 是 HTML5 新增的特性之一,用以代替之前較老 HTML 版本中的 Cookie 來保存客戶端數據。這個新特性的最大特點是允許我們能更多地在客戶端保存數據,無需插件每個網站即可存儲最大數據量為5M的信息,部分瀏覽器甚至允許用戶自定義存儲大小。對於只存儲字符串類型數據的應用需求來說,這已經足夠大了。

昨天在寫 localStorage 的演示程度時,在 IE10 下調試,莫名地碰到了如下錯誤:

image

這錯誤報得很蹊蹺啊,難道是 IE10 不支持 localStorage?后來想想不可能啊,IE10 的宣傳中明確寫着完美支持 HTML5 啊。后來在園友 xiaowei0705 博文《HTML5 LocalStorage 本地存儲》中看到,原來 IE10 下調試HTML5頁面,localStorage 特性需要將頁面部署到 IIS 下才能支持,直接點開靜態的 HTML 頁面是不可以的。

於是小G將文件夾發布到 IIS 中,然后瀏覽,果然得到了預期的效果,如下圖:

image

這里歌曲列表在添加后是保存在 localStorage 變量中的,刷新頁面后,之前添加的歌曲列表會自動加載。

這是我在學習中遇到的小問題的總結,希望能對剛剛接觸 HTML5 的鄉親們有所幫助。

文件圖標 猛擊這里下載示例源碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM