chrome拡張にオプション画面を付けてみた。

chrome拡張にオプション画面を付けてみた。

参考URL:
https://developer.chrome.com/extensions/optionsV2

これらを設定できる画面が欲しくなったので、作ってみた。
1, 食べログを別タブで開く数
2, レビューの時間帯(ランチorディナーor全て)

※並び替えは「標準」とか「いいね順」とかあるけど、新しい順だけでいいかと

例によってmanifest.json に項目追加
permissionsにstorage追加(設定値を保存するので)
options_ui項目を追加(これがオプションの設定画面)

オプション画面は普通のHTML
options.html

オプション画面で保存ボタンを押された時の処理(Chromeアカウントに保存)
options.js

chrome拡張の本体部分の処理(食べログレビューを別タブで表示)
background.js

Chrome機能拡張APIが慣れるのが面倒なだけで、普通のWebプログラミング(jQuery)が使えれば、Chrome拡張は簡単に作れそう!