firefox扩展插件制作方法

这是对FF“地址栏”描述

大家看是不是特别像HTML.

我们开始写插件的UI吧 。。

打开\chrome\content\overlay.xul 文件.

<?xml version="1.0"?>
<overlay id="bisearch" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script src="chrome://blueideasearch/content/overlay.js" />

<overlay id="bisearch" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 就理解成.在写HTML时加入的那一句声明吧。
<script src="chrome://blueideasearch/content/overlay.js" /> 这是程序的处理部份. 就像在写HTML是引入JS一样.

哧哧,是不是越来越像在写网页了.

我们要确定插件要出现的位置. 比如我们的插件要出现在地址栏下边. 我们可以用FireBug来查看刚才我给的那个chrome的地址. 找到地址栏,并查看它的父结点.
这里我查到地址栏的父结点为<toolbox id="navigator-toolbox">
我们就这样写:

<toolbox id="navigator-toolbox">
<toolbaritem id="bdSearchBoxbar">
<toolbarbutton id="bisearch_button" tooltiptext="转到蓝色理想" image="chrome://blueideasearch/content/blueidea.png" oncommand="GotoWebSite('http://bbs.blueidea.com');"></toolbarbutton>
</toolbaritem>
</toolbox>

这个代码呢..是在<toolbox id="navigator-toolbox">下追加一个子节点 toolbarbutton 是一个按钮 oncommand是它的一个事件,当按下它时触发这个事件. 里边的响应的函数就在我们一开始引入的那个JS里.

/**
* 在当前窗口中打开链接。
*/

function GotoWebSite(url){

loadURI(url)

}

  • 共2页:
  • 上一页
  • 1
  • 2
  • 下一页
  • 上一篇:CSS Sprites
    下一篇:设计师的框架