这算是个交流贴吧,对新手比较有用
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" οnmοusedοwn="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来看他的代码,这么分析之后会觉得其实很简单。