XULRunner is a Mozilla runtime package that can be used to bootstrap XUL+XPCOM applications that are as rich as Firefox and Thunderbird. It provides mechanisms for installing, upgrading, and uninstalling these applications. XULRunner also provides libxul
, a solution which allows the embedding of Mozilla technologies in other projects and products.
关于XULRunner的介绍:https://developer.mozilla.org/en-US/docs/Mozilla/Projects/XULRunner
下面介绍XULRunner开发一个桌面应用的例子:《Getting statred wiht XULRunner》
Step1:下载XULRunner
下载地址:http://ftp.mozilla.org/pub/xulrunner/releases/latest/
Step2:安装XULRunner
windows下解压放在固定目录即可,例如:C:\program files\xulrunner
Setp3:创建应用目录结构
+ myapp/
|
+-+ chrome/
| |
| +-+ content/
| | |
| | +-- main.xul
| | |
| | +-- main.js
| |
| +-- chrome.manifest
|
+-+ defaults/
| |
| +-+ preferences/
| |
| +-- prefs.js
|
+-- application.ini
|
+-- chrome.manifest
Step4:配置Application.ini
[App]
Vendor=XULTest
Name=myapp
Version=1.0
BuildID=20100901
ID=xulapp@xultest.org
[Gecko]
MinVersion=1.8
MaxVersion=200.*
Step5:配置Chrome manifestchrome/chrome.manifest
content myapp content/
根目录下的
chrome.manifestmanifest chrome/chrome.manifest
Step6:配置Preference
prefs.js
pref("toolkit.defaultChromeURI", "chrome://myapp/content/main.xul");
/* debugging prefs, disable these before you deploy your application! */
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);
Step7:配置XUL
main.xul
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window id="main" title="My App" width="300" height="300" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script type="application/javascript" src="chrome://myapp/content/main.js"/>
<caption label="Hello World"/>
<separator/>
<button label="More >>" oncommand="showMore();"/>
<separator/>
<description id="more-text" hidden="true">This is a simple XULRunner application. XUL is simple to use and quite powerful and can even be used on mobile devices.</description>
</window>
main.js
function showMore() {
document.getElementById("more-text").hidden = false;
}
Step8:运行application
运行命令:xulrunner.exe application.ini
注意考虑路径。
运行截图: