Local Storageを使ったChrome Extensionを作る - Playground of ours
java-ja温泉で、Local Storageを使用したChrome Extensionを作りました(まだ途中)。 Local Storageと、Chromeのchrome.tabsモジュール、chrome.browserActionのまとめ Chrome Extensionの準備 ツールバー内のアイコンをクリックすると新しいタブが開くタイプのExtensionを作る場合には、chrome.tabs(タブの操作)、chrome.browserAction(ツールバー内のアイコンからアクションを起こす)を利用します。 manifest.jsonには、以下のプロパティを設定します。 "permission": ["tabs"] "browser_action": { "default_icon": "images/icon.png", // 必須 "default_titel": "ツールチ
サーバー不要で保存できる「Web Storage」の使い方 (3/5)
ローカルストレージへの保存と読み出し HTMLフォームに入力されたデータをローカルストレージに保存してみます。ローカルストレージに保存するにはsetItem()メソッドを使います。setItem()の第1引数にはキーの名前を、第2引数には保存したい内容を指定します。 ・書式 window.localStorage.setItem(キー名, 内容) 保存したデータはgetItem()メソッドで読み出します。setItem()で指定したキーの名前をgetItem()の引数に指定します。 ・書式 window.localStorage.getItem(キー名) ローカルストレージは上記のようにメソッドを使う方法以外にも、配列形式でのアクセスや、プロパティとしてもアクセスできます。たとえばキー名が「ascii」で保存内容が"連載データ"であれば以下の方法でアクセスできます。 window.loca
IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」:phpspot開発日誌
IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」 2010年05月25日- jStorage - simple JavaScript plugin to store data locally IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」。 基本はHTML5のストレージを使いますが、対応していないブラウザは、例えばIEではuserDataを使ってデータを格納します。 ライブラリ内でクロスブラウザ対応はしてくれるので、利用者はただ jStorageのメソッドを呼び出すだけでストレージを利用できます。 ブラウザごとのサポートと、ストレージサイズは以下。IE6,7 が 128KBと、比較的小さいですが、それなりに大きなデータを保持できることが分かります。 基本とするフレームワークライブラ
サーバー不要で保存できる「Web Storage」の使い方 (2/5)
ローカルストレージの対応を調べる ローカルストレージを使う前に、ブラウザーの対応状況を確認しておきましょう。ローカルストレージは以下のブラウザーでサポートされています。多くのユーザーが利用しているInternet Explorer 8（IE8)以降も対応しているので、すでに十分使える技術だと言えます。 Internet Explorer 8以降 Safari 4以降 Firefox 3.5以降 Google Chrome 3以降 Opera 10.5以降 ブラウザーがローカルストレージに対応しているかどうか、スクリプトで調べてみましょう。ローカルストレージはwindowオブジェクトのlocalStorageプロパティにアクセスして使用します。このため、localStorageの存在を調べればローカルストレージが利用可能か判断できます。スクリプトは以下のようにいたって簡単です。 ●サンプル1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
