读书人

XUL - Firefox窗体构造的秘密

发布时间: 2012-11-22 00:16:41 作者: rapoo

XUL - Firefox窗体结构的秘密

Firefox的界面是使用XUL构建的,Firefox的主界面的布局描述文件是browser.xul。在编写Firefox插件时,我总是很好奇,所谓的browser.xul究竟在哪里?浏览器的各个部分(例如地址栏)的布局描述文件又在哪里?

?

在一次偶然中,我将插件中的一个URL拷贝粘贴到了地址栏“chrome://browser/content/browser.xul”。这时,令人惊讶的一幕出现了:在Firefox中的页面内容部分又嵌入了一个Firefox!这个内嵌的Firefox就是UI布局文件browser.xul。之所以没有显示源码,而显示为布局的形式,是因为Firefox内建了运行XUL程序的功能。那么我们如何才能看到这个XUL文件的源码呢?不要着急,使用一个开发必备的插件FireBug即可查看其源码了,如图:

?


XUL - Firefox窗体构造的秘密

?

类似的,我们可以查看各个部件的XML绑定的布局源码,例如,标签浏览栏:“chrome://browser/content/tabbrowser.xml”,效果如图:

?


XUL - Firefox窗体构造的秘密

?

这样一来,开发Firefox插件是不是变得很方便呢。

?

附录:

?

XUL(XML User-interface Language)是一种UI语言,同时也是一种应用程序框架。

XUL - MDC

XML 用户界面语言(XUL)开发入门

XML User Interface Language (XUL) Project

读书人网 >Web前端

热点推荐