首页 » 技术分享 » IE 插件 Trixie 介绍

IE 插件 Trixie 介绍

 

在FireFox下也有相应的插件:
Greasemonkey,至于对这两者的介绍,大家可参考此文:
http://www.williamlong.info/archives/252.html

它们的主要用途是利用脚本(JavaScript)来修改浏览器访问的页面代码,以达到改变页面的显示内容的目的。我一开始只是想替换/删除网页内容(比如说把某些烦人的广告给去掉),后来发现它的功能可不仅仅于此,简直就可以“为所欲为”!当然前提条件是要用户自己动动手写点代码才行。

下面以替换
百度首页的logo为例介绍一下Trixie的用法:

1、当然是先下载软件并安装了,网站地址在文章最后面。

2、假设你把Trixie安装到D:Trixie,则先打开D:TrixieScripts,你会看到一堆js文件,它们就是机关所在了。用你喜欢的文本编辑器随意查看一下这些文件,你会发现它们都是有一定格式的。

3、打开IE,确定在“工具”菜单下有一个“Trixie Option”选项,打开后将出现如下图所示窗口。


image 

4、访问此页面进行经典的HelloWorld式学习:
http://diveintogreasemonkey.org/toc/

看到这个地址是不是有点奇怪?别奇怪,Trixie本来就是因Greasemonkey的出现而出现的。它们使用同样的格式也不足为奇,因此可以说它们的脚本都是通用的。

一个典型的脚本是下面这个样子的:


// ==UserScript== 

// @name          Hello World 

// @namespace     http://diveintogreasemonkey.org/download/ 

// @description   example script to alert "Hello world!" on every page 

// @include       * 

// @exclude       http://diveintogreasemonkey.org/* 

// @exclude       http://www.diveintogreasemonkey.org/* 

// ==/UserScript== 
 


alert(
'Hello world!');

“//”右边的自然都是注释了,但这里的注释可不是完全没用的注释哦,恰恰相反的是,上面这种注释是必须指定的,而且格式必须完全相同。

在一对“UserScript”之间有五个部分,称为“metadata”,它们的出现顺序并没有严格的规定,而且大多是可选的。

@name:脚本的名字

@namespace:脚本的名字空间,用于区分其它同名脚本

@description:脚本功能描述等

@include:脚本的作用域

@exclude:脚本的非作用域

最后一行语句则是弹出对话框。

下面就说说怎么替换百度首页上的logo吧。打开Trixie的安装目录下的Scripts文件夹,如D:TrixieScripts,新建一个js文件,输入如下代码:


// ==UserScript==
// @name          BaiduLogoReplace
// @namespace     http://yonken.blogcn.com
// @description   Just 4 demo
// @include       http://www.baidu.com/
// ==/UserScript==

var oImgObjs = document.getElementsByTagName("img");
var oReplaceText = document.createTextNode("Banned Obj");

for(var i = 0; i < oImgObjs.length; i++){
    if(oImgObjs[i].src == "http://www.baidu.com/img/logo.gif")
        oImgObjs[i].parentNode.replaceChild(oReplaceText, oImgObjs[i]);
}

保存后在前面的提到的“Trixie Option”中检查一下是否已启用了此脚本。打开IE,访问www.baidu.com,结果如下:



image 


当然了,你也可以按自己的方式来编写完全不同的脚本,比如说上面的for循环就可以去掉,直接换成这句即可:
oImgObjs[0].parentNode.replaceChild(oReplaceText, oImgObjs[0]);


既然Trixie能替换一个img,自然也能实现自动登陆等任务了,如果不太了解DHTML,可以访问此页面参考一下:


http://www.phpx.com/man/dhtmlcn/

Trixie的官方页面:
http://www.bhelpuri.net/Trixie/

GreaseMonkey的:
http://greasemonkey.mozdev.org/

转载自原文链接, 如需删除请联系管理员。

原文链接:IE 插件 Trixie 介绍,转载请注明来源!

0