Menu

Category

Archive

logo


Modernizr2 [ local strage ]

2013-12-22 05:24:00 +0900
  • このエントリーをはてなブックマークに追加

ローカルストレージはウェブサイトがデータをユーザーのコンピュータに保存し、のちに取り出す方法です。似たものにクッキーがありよく使われていますが、クッキーとの違いは、保存できる容量が HTML5 の ストレージの方が 5M と多く、またクッキーと違い、毎度の通信でデータがサーバーに送られることがありません。これは帯域の節約や、セキュリティの観点からも好ましいです。

1 if (Modernizr.localstorage) {
2      // window.localStorage is available!
3  
4 } else {
5      // no native support for local storage :(
6      // try a fallback or another third-party solution
7 }

内部では、

1 function supports_local_storage() {
2      try {
3          return 'localStorage' in window && window['localStorage'] !== null;
4      } catch(e){
5          return false;
6      }
7 }

このように処理しています。古い Firefox のバグにより Exception をスローする場合があるので、try-catch 文を使っています。Javascript はケースセンシティブなので、Modernizr の localstorage と DOM プロパティの localStorage に違いに注意。