Firefox的界面是使用XUL构建的,Firefox的主界面的布局描述文件是browser.xul。在编写Firefox插件时,我总是很好奇,所谓的browser.xul究竟在哪里?浏览器的各个部分(例如地址栏)的布局描述文件又在哪里?
在一次偶然中,我将插件中的一个URL拷贝粘贴到了地址栏“chrome://browser/content/browser.xul”。这时,令人惊讶的一幕出现了:在Firefox中的页面内容部分又嵌入了一个Firefox!这个内嵌的Firefox就是UI布局文件browser.xul。之所以没有显示源码,而显示为布局的形式,是因为Firefox内建了运行XUL程序的功能。那么我们如何才能看到这个XUL文件的源码呢?不要着急,使用一个开发必备的插件FireBug即可查看其源码了,如图:
类似的,我们可以查看各个部件的XML绑定的布局源码,例如,标签浏览栏:“chrome://browser/content/tabbrowser.xml”,效果如图:
这样一来,开发Firefox插件是不是变得很方便呢。
附录:
XUL(XML User-interface Language)是一种UI语言,同时也是一种应用程序框架。