chrome.storageでchrome extension用のデータを保存・取得
chrome.storage の API を使う localStorage を使うとこれはこれで動くのですが、もう少し扱いやすい方法がないか調べたところ、chrome.storage という localStorage に似た方法を見つけました。 chrome.storage – Google Chrome localStorage の場合、background.js を通して Message Passing でデータのやり取りを行う必要がある。 これに対し chrome.storage では background.js なしで、ダイレクトに content_scripts 等から chrome.storage のデータにアクセスできます。また、chrome.storage.onChanged.addListener の API で、データ変更に対するコールバックを簡単に登録できて便利。 以
Chrome extension: accessing localStorage in content script
Update 2016: Google Chrome released the storage API: https://developer.chrome.com/docs/extensions/reference/storage/ It is pretty easy to use like the other Chrome APIs and you can use it from any page context within Chrome. // Save it using the Chrome extension storage API. chrome.storage.sync.set({'foo': 'hello', 'bar': 'hi'}, function() { console.log('Settings saved'); }); // Read it using the
Google Chrome Extensionを作ってみた-その4- | DevelopersIO
はじめに 今回はオプションページについてです。 オプションページは必須ではないのですが、それなりに大きなエクステンションを作ろうと思うと、設定保存は必要になると思うので紹介します。 作るもの オプションページで、文字列を一つ設定して記憶できる様にする ツールバーボタンを押下してポップアップ画面でその文字列を表示する という簡単なエクステンションを作ります。 作ってみる まず、オプションページをエクステンションの画面に出すには、manifest.jsonに"options_page"という項目と定義します。今回はオプションのページとして表示するhtmlをoptions.htmlとし、次の様に設定しました。 { "name": "OptionSample", "version": "1.0", "permissions": [ ], "browser_action": { "default_i
GitHub上のnpmパッケージ名をリンクに変えるChrome拡張GitHub Linkerで捗る - teppeis blog
GitHub上のソースコードでrequire('morgan')とか書いてあって、このパッケージってなんだっけ？って "npm + morgan" でググってnpmのサイトかGitHubリポジトリを探すことってよくある。 ありすぎるので、自動リンク化するChrome拡張書こうかなと思って先行実装が無いかググったら、見事にあった。日本語でほとんど紹介されてなかったので紹介するのでNoderは今すぐインストールすべし。 GitHub Linker - Chrome ウェブストア これをインストールすると、GitHub上のファイル(.js, .jsx, .coffee, .md)内のパッケージ名部分が該当パッケージのGitHubリポジトリへのリンクになる*1。 対応しているパッケージシステムは以下。 npm bower Duo Node.js標準ライブラリ (https://iojs.org/a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
