手动编写google工具栏按钮

google工具栏安装率越来越高，也越来越多的第三方开发者为google工具栏开发按钮,功能多种多样,你想试一下吗?。google工具栏按钮开发起来简单易行，具备基本编程知识人就可以自己定制。
follow me!

1.开发工具:

1).任何文本编辑工具
2)给你的浏览器装一个google工具条作为调试环境

2.关键节点名称

1)title：站点名称
2)description:站点描述
3)site: 站点url
4)search: 搜索的url，比如: http://re.xianguo.com/search?keyword={query}
5)send: 以search差不多，当google搜索栏中没有字符串时，可用{selection}取得搜索参数
6)icon: 工具栏按钮的图片值一般为base64编码后的值
7)feed: 联合供稿的url
8)feed-icon: 当feed有新的内容的时候会换成一个新的icon,当打开下拉框的时候就返回原来的默认图标
9)feed-description:当feed有新的内容时工具栏提示
11)update: 更新按钮的xml
12)option:用来对按钮进行设置，可以在工具栏设置里面修改.其子元素有title,description,default

3.关键变量

1){query}:当前的工具栏搜索框中的值
2){url}:浏览器的地址字段所指向的地址
3){url.host}:url的host
4){url.noescape}:没有进行过编码的url值
5){domain}:指向的google搜索域：例如com ,co.uk
6){locale}:本地化版：例如：en、es 和 pt-BR
7){selection}:浏览器的所选择的纯文本
8){option1}:变量值

4.实例练习

1)新建一个xml文件

http://re.xianguo.com/search?keyword={query}
http://www.xianguo.com/

鲜果热文

AAABAAIAEBAAAAEACABoBQAAJgAAABAQAAABACAAaAQAAI4FAAAoAAAAEAAAACAAAAABAAgAAAAA
AAABAAAAAAAAAAAAAAABAAAAAQAAAAAAAHhtZAB+dnIApW1eAKOOfwAGD5oACwyeACInmgADBacA
Bw+lAAUQrwAFD7QAAhC0AAsctQAFEbwAChO+AA0dvAALJ7MAHCm1AB9iuABZW5wAQGWeAAgJwgAD
CckACBHIAAgJ1AANDtoADRHQAAcc3AAbG9YAExDZABMhzQALLdgAEyHUABMw2AAgM8EADBvhAAsg
6AAEKe0ACS7oAAkv7AAeJOoAESvrABgw7gAeMvIAHTnxABg+8wAmLO0AJT7vADAx7gAhNfIAJzzy
ACg88wAYX9AAL07RADFT1AAtaskAJmHXACN53AAyddIAEFzvABlA8wAdR/QAG073AAtT8QAGXPcA
FlT1AB1Y9QAjTvUAN0v1AAZr/gAGd/kAIGv7AClt+QA9avcAIHD6ACZ++wAoefoAWFjzAF1m8gBA
e/YAWHr1AGlk7gBxevEAdoitAHqOrQA1sNIAPLjYAAyM/gANlvYAD5X+AA6Z/gAQmf0ANZfoADyb
6gA9h/QANI77AD2I+gA6kvsAD6//ABak/QAdpfgAF7H+ADCu6wA5su4AKKD7AESH+QBKl/QASZX7
AF+S9wBOuOUAV7biAFSn/ABcpfwAQbr2AFaw9gBTsPoAY7/sAGi8+gAVwv8AEMb+ABvF+wAI0P8A
Cdf/ADbD/ABw4ssARsf8AEXL/ABSxf0Ad87+AHzI/AB54f0ArqKbAMSliwDVybwA48m6AO3QvgCV
kvcAks3AAJXQ5gCBwPIAis/5AInW+gCc1v0Anuv9AKHr/ACq6v0Ap/D+AP7gxAD86doAzfH9ANn5
/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAA////AAAAABIKCQUFEQAAAAAAAAAAAAYIFhshIg4MFQAAAAAAACMXGikv
MU5TIAtUAAAAAAAQJzA0MiwvTokfDQAAAAA2UUhQSkQ9LTNPUhgUAAAAN21pbGpJQz0tRVMdBwAA
AF+MfnZxYU1DPS0zHg9VAABrjZKRgnBiS0I+KxkcQRMAXY6Wl5B8dGBIQyoZPGRGOYtzj5aTg39p
TD4kJWZ3WjUAdXSBgHllR0AmKFl7d1s6AAAAV2hyXjg7XHd6emNYbwAAAAAAlYcDAAB9ilZuZwAA
AAAAAACUhQAAAAAAAAAAAAAAAAAAAIgEAQAAAAAAAAAAAAAAAAAAhgKEAAAAAADgfwAAwB8AAIAP
AACADwAAAAcAAAAHAAAAAwAAAAEAAAAAAAAAAAAAgAAAAOAAAAD4wQAA/P8AAP4/AAD/HwAAKAAA
ABAAAAAgAAAAAQAgAAAAAABABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtpemGwgWr+oFEK//
Bw+l/wYPm/8GD5n/Cyez/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsMnv8D
Baf/CAnC/w0R0P8TIdT/EzDY/wURvP8CELT/QGWe/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAz
wf8DCcn/DQ7a/x4k6v8mLO3/MDHu/1hY8/9xevH/Cy3Y/wUPtP92iK3/AAAAAAAAAAAAAAAAAAAA
AAAAAAANHbz/CS7o/yU+7/8oPPP/IDTy/x4y8v8iKu//X2Dz/5WS9/8TIc3/Cxy1/wAAAAAAAAAA
AAAAAAAAAAAvTtH/WHr1/yBr+/9Ae/b/PWr3/yNO9f8ZQPP/HTnx/yI28v9dZvL/aWTu/wgRyP9Z
W5z/AAAAAAAAAAAAAAAAMVPU/1+S9/8ooPv/SZX7/0SH+f8pbfn/HVj1/xtF9P8YPvP/N0v1/3B5
9P8bG9b/Iiea/wAAAAAAAAAAAAAAAD2H9P+BwPL/Rsf8/2i8+v9cpfz/PYj6/yh5+v8YWPb/GkP0
/x068f8nPPL/ExDZ/woTvv96jq3/AAAAAAAAAABKl/T/is/5/6rq/f+h6/z/fMj8/1Sn/P86kvv/
IHD6/xZU9f8dR/T/GDDu/wgJ1P8HHNz/Blz3/x9iuP8AAAAANZfo/4nW+v/M8P3/2fn+/57r/f82
w/z/U7D6/zSO+/8gbfj/HF34/xEr6/8KDNb/EFzv/xak/f8Ga/7/JmHX/4zM5OtWsPb/nNb9/87z
/f+n8P7/eeH9/0XL/P8qp/v/Jn77/xtO9/8MG+H/CyDo/xex/v8Vwv//D5X+/xhf0P8AAAAAY7/s
/1a3/v93zv7/UsX9/xvF+/8dpfj/Bnf5/wtT8f8EKe3/CS/s/w2W9v8J1///FL///w6Z/v8jedz/
AAAAAAAAAAAAAAAAPLjY/zmy7v9Buvb/PJvq/y1qyf8yddL/EJn9/xDG/v8J0P//CND//w+v//8M
jP7/V7bi/wAAAAAAAAAAAAAAAAAAAAAAAAAA/Ona/+PJuv+lbV7/AAAAAAAAAABw4sv/ks3A/zWw
0v9OuOX/MK7r/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+4MT/xKWL/wAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAO3Qvv+jjn//
eG1k/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAA1cm8/352cv+uopv/AAAAAAAAAAAAAAAAAAAAAAAAAADAfwAAwB8AAIAPAACADwAAAAcAAAAH
AAAAAwAAAAEAAAAAAAAAAAAAgAAAAOAAAAD4wQAA/P8AAP4/AAD/HwAA

2.保存位置

C:\Documents and Settings\username\Local Settings\Application Data\Google\Custom Buttons\filename.xml

3.重新启动浏览器,就可以看到工具栏上面多出了一个鲜果的搜索按钮

4.为此按钮扩展新功能:

1)添加 RSS 联合供稿,以xml文章中加入

http://www.guogoul.com/feed

refresh-interval:更新频率,以秒为单位
2)修改feed的显示,为按钮变更通知

http://get/feeds/file/in/your/server

menu=false表示取消下拉列表显示.用2)的代码代替1)的代码

服务器端的xml代码(http://get/feeds/file/in/your/server):

http://get/feeds/file/in/your/server

your description

AAAAAAMAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAwAAAAMAA
AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAA
AAAAAAAAAAAGAAAAHAAAAEAAAABhAAAAcwAAAHQAAABpAAAAVQAAAD4AAAApAAAAGAAAAAoAAAAD
AAAAAQAAAAAAAAAAAAAAESZIXl4zdJvAXbHS8m3C3f9LnrrLFUtsmwILEX4AAABzAAAAYQAAAEcA
AAAqAAAAEwAAAAcAAAACAAAAACs9RTNOjrDtW6nS/53u/f+n/P//hej//2bP/P9Fq93wHGaNrxEv
O4kAAAB6AAAAXwAAADwAAAAfAAAADAAAAANihaWST6XK/0h/kcAdKCyWKTtAgVJ/kIhytNKse873
9E+w6v9RuN39SXuJpgQHCIoAAAB2AAAAUQAAACsAAAAPb6nU7mK65v9jqs76KkNPqAUICJoAAACE
AAAAaxUgJWBkrMiwsvv+//D+/v+y1NniIj1FnAAAAIgAAABcAAAALHS74PV1zPn/c835/1Oezv9N
iq7vNVRjrxUiJ5kBAgORAQICh3uLjZz3+vr1+f///4PL5/wvVmusAAAAigAAAFNyu+TPdtL8/0Cp
7v8ng8X/CFOH/ytpjv86gJ//R46z+Th6jsovVmCsd56pxNf2/f9TuPH/W7fs/ypGV6UAAAByf77Y
r02y7P9Zwfb/puH3/y+AtP8jZ5f/KWKH/0p7hP+ZrVr/zcUt/9vMKf/bzSz/tsBP/3OzrP9kl7Pp
AAAAgHGdpThatuT/0fn+//b///+V0uv/NICu/4mvfP/czjL/3M0v/9rMKP/dzzT/3c83/9vNLf/b
zS//nrWA/gAAAIMAMzMFbrrd2d/+///5////t+n6/4q6nf/czzX/3tA+/97QPf/czjP/3dA7/97R
Qv/czjD/3M4z/9DHLPoAAAB/AAAAAWShtUix5+//5v7+/5Hf7//Bvjn/3M0v/9/SSP/g1FL/39RR
/+DVWv/e0kf/3tFA/9zNL//bzCj/AAAAbwAAAAAAAAADcq7Fmpzo8f9rsL3/2ssl/93POf/f0kj/
49pu/+ffhP/q45b/49pp/97SSv/czS//yb0q4wAAAE8AAAAAAAAAAF54hhNrq77BXpCj/7+7Of/c
zjH/3tFH/+bdeP/w7cv/9PLa/+zlnf/g1VP/1so5/mBfJHsAAAArAAAAAAAAAAAAAAABa5GgIHWs
t/dymG3/3tE//9/UUv/o4Ij/9PHT//v67P/v6a3/08xY/3uMX6UAAAAuAAAAEAAAAAAAAAAAAAAA
AAAAAAKSvb9YSoWa+WyagP+wv2X/4NRO/+ngfv/m4Zf/rLeB+lpubIkAAAAlAAAADgAAAAMAAAAA
AAAAAAAAAAAAAAAAAAAAAoqvuDxkkp2gYo+c51mHkv9lk5v/Y4eNtlBfaEgAAAAWAAAACQAAAAIA
AAAAAAMAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAwAAAAMAA
AADgAAAA8AEAAA==

当你需要改变工具栏按钮通知的时候改变icon的内容就可以,.还有工具栏tooltip会用gtb:description代替

以上只是介绍了按钮的基本的创建方式以及一些基本的扩展,想要更加强大的功能请认真阅读 官方文档