home ホーム search 検索 -  login ログイン  | reload edit datainfo version cmd icon diff delete  | help ヘルプ

技術/Chrome/Chrome Extension の勉強メモ(copy_tab_urls)

技術/Chrome/Chrome Extension の勉強メモ(copy_tab_urls)

技術 / Chrome / Chrome Extension の勉強メモ(copy_tab_urls)
id: 1358 所有者: msakamoto-sf    作成日: 2015-02-28 23:04:43
カテゴリ: Chrome JavaScript 

前から作ってみたい簡単なChrome拡張のアイデアがあったので、Chrome拡張作るのの勉強に、作ってみた時のメモ。

やりたかったこと:

そのウィンドウで開いてるタブの、タイトルとURLを、あるフォーマットにしたがって一覧化したい。
技術系のblog書いてる時とかに、参考URLのリストを、開いてるタブから集約したい時に使う。

chrome.tabs.query()で現在ウインドウのタブの一覧を取り出せる:

また、フォーマットはカスタマイズ出来るようにしたい。
→インストール時に初期化して、オプションページで保存したり、デフォルトに戻したりしたい。
→localStorage + backgroundのeventpageで実現できた。

ソース:
https://github.com/msakamoto-sf/copy_tab_urls

Chromeストア:
https://chrome.google.com/webstore/detail/copy-tab-urls/dpddcgncoldfnleboobgkogkjnbdofce


以下、参考URL

入門系:

manifest.json:

デバッグ方法:

拡張のサンプル沢山:

設定をlocalStorageに保存:

インストールやアップデートされた時に何かしたい(イベント):

公開への流れ:



プレーンテキスト形式でダウンロード
現在のバージョン : 1
更新者: msakamoto-sf
更新日: 2017-02-12 12:20:17
md5:b5bb00d8e0fc8190b6ba495340517e4e
sha1:0d155d5b98925c4164598d6b52ea2616d48372a5
コメント
コメントを投稿するにはログインして下さい。