Firefox addon开发小介绍

这算是个交流贴吧，对新手比较有用

 

firefox addon开发其实基本上就是使用另外一种类似html和js ，css来直接写东西

但是好处是可以直接使用HTML5相关东西，很方便

 

基本的代码生成都好理解

生成完了之后可能很多人看不明白文件都是做什么用的

 

看明白文件的思路其实非常简单

 

一个install.rdf文件，说白了就是一个描述文件，不重要

 

然后就是chrome.manifest文件

这个很重要，因为分析思路就是全部从这儿开始了

看下面一个代码，是chrome.manifest的内容

content	retailmenot	content/
skin	retailmenot	classic/1.0	skin/
overlay chrome://browser/content/browser.xul	chrome://retailmenot/content/rmn-browser-Overlay.xul
resource retailmenot components

 其实只需要看一个

 就是哪儿显示了.xul文件，因为firefox插件就是使用这种语言来呈现而已

然后就是找到对应文件

 

说是在chrome://browser/content目录下，实际上就是在对应的content文件下而已

其他描述只是针对插件的一个路径而已

 

找到文件，打开看看

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="chrome://retailmenot/skin/rmn-style.css"?>

<overlay id="rmnOverlay" 
	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

    <script src="prefhelper.js"/>
    <!--script src="rmn-prefhandler.js"/-->
    <!--script src="rmn-dbhelper.js"/-->
    <!--script src="rmn-networkhandler.js"/-->
	<script src="rmn-main.js"/>
	<script src="rmn-start.js"/>

    <statusbar id="status-bar">
        <statusbarpanel id="rmnStatusBar" onmousedown="PageMonitor.visitRMNSite();">
            <image id="rmnStatusImage" src="chrome://retailmenot/skin/rmn-status-off.png"/>
        </statusbarpanel>
    </statusbar>
	
</overlay>

 

其实就是一个xml文件

最上面描述什么的都有

其实我们可以把这个当作一个html文件来分析

其实顶部就是加载了一个css文件

然后又加载了一个xul文件，相当于我们使用php等各种后台语言引入一样

 

然后下面是加入了几段js代码

下面就是statusbar标签

这个标签就是显示在statusbar上面的内容这些需要对firefox addon了解之后也很容易理解

 

然后里面可以像html一样，进行事件监听，可以直接随意写js代码，也可以直接放入xhtml标记，必然里面的img标签

 

文件结构除了主要的几个目录，自己也可以随意加一些目录，来让代码更加舒服

 

其实别的就没什么 他的这种数据还可以直接使用html5来使用弹出窗口之类的，了解一下xul，慢慢的就容易做了

 

建议学习就下载一个addon来看他的代码，这么分析之后会觉得其实很简单。