Glamenv-Septzen(ぐらめぬ・ぜぷつぇん)(archive)
前から作ってみたい簡単なChrome拡張のアイデアがあったので、Chrome拡張作るのの勉強に、作ってみた時のメモ。
やりたかったこと：
そのウィンドウで開いてるタブの、タイトルとURLを、あるフォーマットにしたがって一覧化したい。
技術系のblog書いてる時とかに、参考URLのリストを、開いてるタブから集約したい時に使う。
chrome.tabs.query()で現在ウインドウのタブの一覧を取り出せる：
- chrome.tabs - Google Chrome
また、フォーマットはカスタマイズ出来るようにしたい。
→インストール時に初期化して、オプションページで保存したり、デフォルトに戻したりしたい。
→localStorage + backgroundのeventpageで実現できた。
ソース：
https://github.com/msakamoto-sf/copy_tab_urls
Chromeストア：
https://chrome.google.com/webstore/detail/copy-tab-urls/dpddcgncoldfnleboobgkogkjnbdofce
以下、参考URL
入門系：
- Chrome Extension を作って公開する - Qiita
- Google Chrome拡張の作り方（その1：マニフェストファイル作成とパッケージ化）: 小粋空間
- Google Chrome拡張の作り方（その2：browser_actionを使ったアイコン表示）: 小粋空間
- Google Chrome拡張の作り方（その3：ポップアップ表示とバックグラウンドスクリプトとの連携）: 小粋空間
- Google Chrome拡張の作り方（その4：オプション画面と保存データのバックグラウンド・ポップアップとの連携）: 小粋空間
- Getting Started: Building a Chrome Extension - Google Chrome
manifest.json:
- Manifest File Format - Google Chrome
デバッグ方法：
- Tutorial: Debugging - Google Chrome
- chromeの拡張機能をデバッグする際のメモ - うぇっぶぷろぐらまーになりたい日記
拡張のサンプル沢山：
- Sample Extensions - Google Chrome
設定をlocalStorageに保存：
- localStorageをつかってエクステンションの設定を管理する - 心魅 - cocoromi -
- Google Chrome extension上で、localStorageの中身がundefined - QA@IT
インストールやアップデートされた時に何かしたい（イベント）：
- Event Pages - Google Chrome
- https://developer.chrome.com/extensions/event_pages
- 以前はbackgroundページとなってたのが、イベントページという概念にアップデートされたっぽい。アクセスAPIも変わってる。
- https://developer.chrome.com/extensions/event_pages
- chrome.runtime - Google Chrome
- Detect Chrome extension first run / update - Stack Overflow
公開への流れ：
- Publishing Your App - Google Chrome
original url: https://www.glamenv-septzen.net/view/1358