曾经年少轻狂，看到chrome浏览器简洁的界面，便以为它不过如此。直到玩转js的时候，回过头来看这家伙一点都不简单。今天老司机带你走一遭，让你重新认识它，用它提取贴吧的帖子信息。工具/原料morechrome浏览器或360极速Excel方法/步骤1/11分步阅读

所谓绝世秘籍起手招式就该大开大合，所以我们一开始就按F12，纳尼！平常最多是用F5刷新页面，这个F12是哪门的招式？别急下面的界面弹出来就是它的形态。

2/11

形有了那充其量只是花架子，关键点是需要神，形神合一才算入境。第一个神招是”$$”,就是两个美刀符，有种不名觉厉之感。这招式厉害之处在取，无论你的网页的元素在何处，都可以给你取来成为数组。

3/11

这个取也不一般，需要精通selector之道。好在chrome提供了作弊的工具”审查元素”

4/11

粘帖到下方查看，竟是长龙之物，不知其规律。

5/11

再复制粘帖一个，相较两者不同之处。发现玄机竟在第一个“”之后。

6/11

我们去掉“:nth-child(3)”，之后再用“$$”大法，按回车剑法，不出意外，所有元素皆被取来。

7/11

取之招完毕，便是运行内功心法，回车键毕。（切记未领悟其意，勿随意更改）。

Array.prototype.toTable = function() {

var tab = ;

var th = ;

th = trth + keys(this).join(/thth) + /th/tr;

this.forEach(function(a) {

tab += trtd + values(a).join(/tdtd) + /td/tr;

});

copy(table + th + tab + table);

};

8/11

而后便是二者合一，回车运功即可。切记若未领其神意只可以更改$$(“*”)之中的部分

var ar = ;

$$(#thread_list li div div.col2_right.j_threadlist_li_right div.threadlist_lz.clearfix div.threadlist_title.pull_left.j_th_tit a)

.forEach(function(a) {

ar.push({ domain: a.href.split(/), url: a.href, title: a.innerHTML});

});

ar.toTable();

9/11

到此，看客们已经破口大骂了：“啥效果都没见到啊，在忽悠我们啊！”唉！老夫大智若愚，娓娓道来。尔等需等片刻，仅需打开EXCLE即可。

10/11

待打开EXCEL后，便可以“粘帖”之法显现。

11/11

此等心法值得收藏，纳入“snippets”标签即可。以后可以ctrl+enter瞬间出招。

Array.prototype.toTable = function() {

var tab = ;

var th = ;

th = trth + keys(this).join(/thth) + /th/tr;

this.forEach(function(a) {

tab += trtd + values(a).join(/tdtd) + /td/tr;

});

copy(table + th + tab + table);

};

var ar = ;

$$(#thread_list li div div.col2_right.j_threadlist_li_right div.threadlist_lz.clearfix div.threadlist_title.pull_left.j_th_tit a)

.forEach(function(a) {

ar.push({ domain: a.href.split(/), url: a.href, title: a.innerHTML});

});

ar.toTable();

注意事项

关于snippets的用法，参考经验http://jingyan.baidu.com/article/67508eb423d2929ccb1ce45b.html

个人微博：http://weibo.com/6096960780/profile