使用 XUL 实现浏览器扩展，第 2 部分: 组建一个跨平台的 Firefox 扩展

Archive:  /Users/uche/stats.xpi

Length   Method    Size  Ratio   Date   Time   CRC-32    Name

--------  ------  ------- -----   ----   ----   ------    ----

0  Stored        0   0%  10-08-07 23:10  00000000  chrome/

0  Stored        0   0%  10-08-07 23:10  00000000  chrome/content/

271  Defl:N      184  32%  10-09-07 00:13  44bb6d65  chrome/content/overlay.js

464  Defl:N      284  39%  10-09-07 00:13  1d873c24  chrome/content/overlay.xul

909  Defl:N      366  60%  10-09-07 00:13  67869f05  chrome/content/stats.js

1581  Defl:N      544  66%  10-09-07 00:13  49def584  chrome/content/stats.xul

0  Stored        0   0%  10-08-07 23:10  00000000  chrome/skin/

230  Defl:N      147  36%  10-09-07 00:13  a732aecb  chrome/skin/stats.css

181  Defl:N      105  42%  10-09-07 00:13  f7317c0a  chrome.manifest

0  Stored        0   0%  10-08-07 23:10  00000000  defaults/

0  Stored        0   0%  10-08-07 23:10  00000000  defaults/preferences/

948  Defl:N      440  54%  10-09-07 00:13  50ee7971  install.rdf

0  Stored        0   0%  10-08-07 23:10  00000000  locale/

0  Stored        0   0%  10-08-07 23:10  00000000  locale/en-US/

43  Stored       43   0%  10-09-07 00:13  d9c38400  locale/en-US/overlay.dtd

--------          -------  ---                            -------

4627             2113  54%                            15 files

<?xml version="1.0"?>

<?xml-stylesheet href="chrome://stats/skin/overlay.css" type="text/css"?>

<!DOCTYPE overlay SYSTEM "chrome://stats/locale/overlay.dtd">

<overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"

id="stats-overlay">

<script src="overlay.js"/>

<menupopup id="menu_ToolsPopup">

<menuitem id="stats" label="&statsmenuitemname;"

oncommand="Stats.onMenuItemCommand(event);"/>

</menupopup>

</overlay>

var Stats = {

onLoad: function() {

//You can place set-up code for the extension here

},

onMenuItemCommand: function() {

window.open("chrome://stats/content/stats.xul", "", "chrome, resizable=yes");

}

};

window.addEventListener("load", function(e) { Stats.onLoad(e); }, false);

content stats chrome/content/

overlay chrome://browser/content/browser.xul chrome://stats/content/overlay.xul

locale stats en-US locale/en-US/

skin stats classic/1.0 chrome/skin/

<?xml version="1.0"?>

<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

xmlns:em="http://www.mozilla.org/2004/em-rdf#">

<Description about="urn:mozilla:install-manifest">

<!-- Required Items -->

<em:id>xulapp@example.com</em:id>

<em:name>Stats viewer</em:name>

<em:version>1.0</em:version>

<em:targetApplication>

<Description>

<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>

<em:minVersion>1.5</em:minVersion>

<em:maxVersion>2.0.0.*</em:maxVersion>

</Description>

</em:targetApplication>

<!-- Optional Items -->

<em:creator>Uche Ogbuji</em:creator>

<em:description>

Opens a window in which you can view simple stats about Web pages

</em:description>

<em:homepageURL>http://www.ibm.com/developerworks/web/</em:homepageURL>

</Description>

</RDF>

//Invoked in response to a click on the "Go!" button

function change_url(event)

{

//Variables for convenient access to specific elements in the XUL

var urlbox = document.getElementById("url");

var contentview = document.getElementById("contentview");

var wordcountbox = document.getElementById("wordcount");

var charcountbox = document.getElementById("charcount");

var elemcountbox = document.getElementById("elemcount");

alert(urlbox.value);

contentview.contentDocument.location.href = urlbox.value;

//Use Firefox XPath to get the raw text of the document

var doctext = contentview.contentDocument.evaluate(

"string(.)", document, null, XPathResult.STRING_TYPE, null).stringValue;

var wordcount = doctext.split(" ").length()

alert(wordcount);

wordcountbox.value = String(wordcount);

charcountbox.value = String(doctext.length());

//Use Firefox XPath to count elements in the document

var elemcount = contentview.contentDocument.evaluate(

"count(//*)", document, null, XPathResult.NUMBER_TYPE, null).numberValue;

elemcountbox.value = String(elemcount);

}