Windows下创建XUL应用程序

一、基本概念

XUL 是一个Mozilla使用XML来描述用户界面的一种技术，使用XUL你可以快速的创建出跨平台，基于因特网的应用程序。

XULRunner是一个由Mozilla基金会开发运行时环境，用来为XUL和XPCOM应用程序提供统一的后端运行环境。所有基于XUL的应用程序都是运行在XULRunner之上的，比如我们比较常用的Firefox和Thunderbird。

Gecko是套开放原始码的、以C++编写的网页排版引擎，目前为Mozilla家族网页浏览器以及Netscape 6以后版本浏览器所使用，XULRunner使用的也是它。

二、搭建开发环境

1、XULRunner为XUL应用程序提供了后端运行环境，下载XULRunner SDK，由于XULRunner自带Gecko引擎，因此不必再单独下载。

本人下载的是XULRunner sdk 2.0 for windows版本，下面的开发主要以XULRunner sdk 2.0 for windows为主，如果下载的是XULRunner2.0以前的版本则下面的内容有的则需要修改。

2、配置环境变量，这个可选只是为了方便，解压XULRunner sdk 2.0，添加xulrunner.exe所在的目录到环境变量，如：D:\xulrunner2.0\bin;

三、手工创建XUL应用程序

1、创建XUL应用程序所需目录及文件，结构如下:

      -HelloXUL
           application.ini
           chrome.manifest
           -defaults
               -preferences
                    prefs.js
           -chrome
               -content
                    HelloXUL.xul

2、编辑application.ini

application.ini中包含此应用程序的基本信息，Gecko的版本信息，也是应用程序启动的入口;HelloXUL的信息如下:

     [App]
     Name=HelloXUL
     ID=lintclr@126.com 
     Version=1.0.0.0
     BuildID=20120204
     Vendor=
     [Gecko]
     MinVersion=1.8
     MaxVersion=2.0.0.*
     [XRE]

3、编辑chrome.manifest

chrome.manifest包含XUL应用程序的组织结构;HelloXUL的信息如下：

content HelloXUL chrome/content/

具体其他选项参照：https://developer.mozilla.org/en/Chrome_Registration

4、编辑prefs.js

此文件主要包括应用程序的配置信息;HelloXUL配置如下：

pref("toolkit.defaultChromeURI", "chrome://HelloXUL/content/HelloXUL.xul");

/* debugging prefs */
pref("browser.dom.window.dump.enabled", true);
pref("javascript.options.showInConsole", true);
pref("javascript.options.strict", true);
pref("nglayout.debug.disable_xul_cache", true);
pref("nglayout.debug.disable_xul_fastload", true);

/* added to allow <label class="text-links" ... /> to work */
pref("network.protocol-handler.expose.http", false);
pref("network.protocol-handler.warn-external.http", false);

5、编辑HelloXUL.xul

以下代码创建一个窗口，一个按钮，点击按钮弹出提示框，显示HelloXUL。

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" style=" 500px; height: 300px;">
      <hbox>
            <button label="HelloXUL" oncommand="alert('HelloXUL')"/>
      </hbox>
</window>