行至水穷处，坐看云起时

利用Trixie精简CU浏览页面

2007-02-24 | 7:51

今天，利用一点休息时间，将CU的显示页面精简了一下，效果如图：

使用的是Trixie这个工具，利用类似GreaseMonkey的做法，将html代码发送到client后，加入Trixie的代码后再进行解释。详细的教程可以看 http://www.blogcn.com/user48/yonken/index.html ，关于DHTML的内容可以看http://www.phpx.com/man/dhtmlcn/。详细的在线教程可以通过http://diveintogreasemonkey.org/toc/这里来进行学习。

我写的代码如下：

1 // ==UserScript==
2 // @name ChinaUnixSimpleView
3 // @namespace http://skylove.study-area.org/blog/
4 // @description Simple display web
5 // @include http://bbs.chinaunix.net/viewthread.php*
6 // @include http://bbs2.chinaunix.net/viewthread.php*
7 // ==/UserScript==
8
9 //去掉左边的无用显示
10 var oSpanObjs = document.getElementsByTagName('span');
11 for (var i = 0; i < oSpanObjs.length; i++){
12 if (oSpanObjs[i].className=='smalltxt')
13 oSpanObjs[i].parentNode.removeChild(oSpanObjs[i]);
14 }
15
16 //去掉左边的图片显示
17 var oImgObjs = document.getElementsByTagName("img");
18 for (i = 0; i < oImgObjs.length; i++){
19 if ((oImgObjs[i].src.indexOf('http://bbs.chinaunix.net/customavatars/')!=-1) || (oImgObjs[i].src.indexOf('http://bbs.chinaunix.net/old_avatar')!=-1) || (oImgObjs[i].src.indexOf('http://bbs2.chinaunix.net/customavatars/')!=-1) || (oImgObjs[i].src.indexOf('http://bbs2.chinaunix.net/old_avatar')!=-1))
20 oImgObjs[i].parentNode.removeChild(oImgObjs[i]);
21 }
22
23 //去掉底部版权页
24 var oTrObjs = document.getElementsByTagName("tr");
25 for (i = 0; i < oTrObjs.length; i++){
26 if (oTrObjs[i].className == 'outertxt')
27 oTrObjs[i].parentNode.removeChild(oTrObjs[i]);
28 }
29
30 //去掉签名
31 var oTdObjs = document.getElementsByTagName("td");
32 for (i = 0; i < oTdObjs.length; i++){
33 if (oTdObjs[i].vAlign == "bottom")
34 oTdObjs[i].parentNode.removeChild(oTdObjs[i]);
35 }
36
37 //去掉广告
38 var oTableObjs = document.getElementsByTagName("table");
39 oTableObjs[3].parentNode.removeChild(oTableObjs[3]);
40 oTableObjs[8].parentNode.removeChild(oTableObjs[8]);
41
42 //去掉题头位置的无用表单
43 var oFormObjs = document.getElementsByTagName("form");
44 oFormObjs[0].parentNode.removeChild(oFormObjs[0]);
45
46 var oDivObjs = document.getElementsByTagName("div");
47 oDivObjs[0].parentNode.removeChild(oDivObjs[0]);