はてなブックマークコメントを表示するchrome拡張

昨日*1の続き。
chromeでいまいるタブのurlを取得したい。
なんかこのへん*2みるとchrome.tabs.Tab.urlで取得できるのかな？と思うんだけど、できない。

chrome.tabsをdumpしてみた。

$(document).ready(function() {
  $("#dump").append($.dump(chrome.tabs));

結果

Object { 
	get: function()
	getCurrent: function()
	connect: function()
	sendRequest: function()
	getSelected: function()
	getAllInWindow: function()
	create: function()
	update: function()
	move: function()
	remove: function()
	detectLanguage: function()
	captureVisibleTab: function()
	executeScript: function()
	insertCSS: function()
	onCreated: N/A: Unknown
	onUpdated: N/A: Unknown
	onMoved: N/A: Unknown
	onSelectionChanged: N/A: Unknown
	onDetached: N/A: Unknown
	onAttached: N/A: Unknown
	onRemoved: N/A: Unknown
}

Tabって無いな。。
これ見るとgetCurrentってのでとれそうな気がするけど、うまくいかない。結局ぐぐってgetSelectedでやってるのを見つけて*3その通りやったらできた。

$(document).ready(function() {
  chrome.tabs.getSelected(window.id, function (tab) {
    var url = "http://b.hatena.ne.jp/entry/jsonlite/" + tab.url;
//  $("#dump").append($.dump(url));
    $.getJSON(url, function(json){
    var j = 0;
      for (var i in json.bookmarks) {
        var b = json.bookmarks[i];
        if (! b.comment) continue;
        $("#comments").append(b.comment + '<br />');
        j++;
        if (j > 20) break;
      }
    });
  });
});

やったー。はてぶコメント表示された。初chrome拡張完成。
明日packageにして登録してみようかな。

追記

ウェブストアに登録するのにpackageにする必要はないみたい。あと登録するのにお金がいるみたい。よく調べてない。

githubにおいてみた。https://github.com/suzuki-shin/htbcomment_chrome_ext

*1:http://d.hatena.ne.jp/suzuki-shin/20110706#1309969769

*2:http://dev.screw-axis.com/doc/chrome_extensions/ref/api/tabs/Tab/

*3:http://www.inashiro.com/2011/06/13/dev-chrome-extension-get-current-tab-url/