在写一个Chrome 的快速拨号扩展。起因是Chrome 默认的新标签页很让人头疼，没有快速拨号，那 8 个最常访问网站会随着一段时间的浏览习惯而动来动去。好的地方就是有网站缩略图，还有那个“最近关闭的标签页”挺好的。
缩略图这一块，现在是没有办法了。在Chromium 的Issues 里看到有人反映过，但是目前还是禁止扩展访问chrome://thumb/ 的，chrome://favicon/ 倒是可以访问，前提是在扩展的manifest 中请求chrome://favicon 权限。
“最近关闭的标签页”这个还真是没有想到具体实现方式，默认新标签页源码太多了，实在是没有耐心去完整地看一遍。（不过性能真的是优化得很好）现在在看Sexy Undo Close Tab 的代码。
扩展中使用到了我自己写的query 选择器，不过我昨天找到了一个非常优秀的替代品——司徒正美的Icarus，有很大的可能会使用它。还使用到了Mousetrap 来绑定快捷键（这货真的很方便的说），所以原来的Tab 切换函数不能用了。（因为用快捷键的话要能记住当前焦点在哪个Tab 或Item 上）记一下现在用的。（没有优化过，现在很容易报错。）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
// Tab and item switch.
var Tab = {};
Tab.TabMax = 3;
Tab.ItemMax = 0;
Tab.nowTab = 1;
Tab.nowItem = 0;
Tab.switchToTab = function(targetTabId){
var self = this;
self.nowItem = 0;
if(targetTabId != self.nowTab){
$('#tab-controler').$('.now')[0].removeAttribute('class');
$('#tab-controler').children[targetTabId-1].setAttribute('class', 'now');
$('#fall-tabs').$('.now')[0].setAttribute('class', 'falltab');
$('#fall-tabs').children[targetTabId-1].setAttribute('class', 'now');
self.nowTab = targetTabId;
self.ItemMax = $('#fall-tabs').children[self.nowTab-1].$('a').length;
}
return self.nowTab;
};
Tab.switchToItem = function(targetItemId){
var self = this;
if(targetItemId != self.nowItem){
$('#fall-tabs').children[self.nowTab-1].$('a')[targetItemId-1].focus();
self.nowItem = targetItemId;
}
return self.nowItem;
};
|
比较简单，其他的就不记了哈。