mozilla

Compare Revisions

XULRunner tips

Change Revisions

Revision 109162:

Revision 109162 by Sevenspade on

Revision 109163:

Revision 109163 by kixx on

Title:
XULRunner tips
XULRunner tips
Slug:
XULRunner_tips
XULRunner_tips
Tags:
XUL, XULRunner
XUL, XULRunner
Content:

Revision 109162
Revision 109163
nn171    <p>
172      <strong>Alternatively, the DOM Inspector may also be added 
 >as an extension:</strong>
173    </p>
174    <ol>
175      <li>(if you already have inspector installed for another ap
 >plication you can skip to the next step)<br>
176        Follow the instructions above through "Unzip the package.
 >"
177      </li>
178      <li>Create a file in the extensions directory of your appli
 >cation with the same name as the DOM Inspector ID <a class=" link
 >-mailto" href="mailto:(inspector@mozilla.org)" rel="freelink">(in
 >spector@mozilla.org)</a> containing one line of text -- the exact
 > path to the root directory of DOM inspector (where the install.r
 >df is) like this one:
179        <pre>
180/home/username/.mozilla/firefox/numbersandletters/extensions/insp
 >ector@mozilla.org/
181</pre>
182      </li>
183      <li>Now create a javascript file with the following code an
 >d include it in the main window of your application:
184        <pre>
185function startDOMi()
186{
187  // Load the Window DataSource so that browser windows opened su
 >bsequent to DOM
188  // Inspector show up in the DOM Inspector's window list.
189  var windowDS = Components.classes["@mozilla.org/rdf/datasource;
 >1?name=window-mediator"]
190                                   .getService(Components.interfa
 >ces.nsIWindowDataSource);
191  var tmpNameSpace = {};                         
192  var sl = Components.classes["@mozilla.org/moz/jssubscript-loade
 >r;1"]
193    .createInstance(Components.interfaces.mozIJSSubScriptLoader);
194  sl.loadSubScript("chrome://inspector/content/hooks.js", tmpName
 >Space);
195  tmpNameSpace.inspectDOMDocument(document);
196}
197</pre>
198      </li>
199      <li>Now create a hook in your application window to start D
 >OM Inspector like this one:
200        <pre>
201<button>
202<ul>
203  <li>Start your application and DOM Inspector will be installed.
204  </li>
205  <li style="list-style: none; display: inline">
206    <p>
207      Note: I use this method of installing extensions into all o
 >f my Mozilla applications. This way I have one directory where I 
 >keep all my Mozilla extensions, and each application (Firefox, Th
 >underbird) simply contains a few small, one line, files pointing 
 >to the location of the extensions. (I keep them in source control
 > to be sure I can maintain compatibility)
208    </p>
n187      Branding is a <a href="/en/Chrome_Registration" title="en/Cn225      Branding is a <a href="/en/Chrome_Registration" title="en/C
>hrome_Registration">chrome package</a> containing product-specifi>hrome_Registration">chrome package</a> containing product-specifi
>c information (e.g. the product name, vendor, and logo). Some XUL>c information (e.g. the product name, vendor, and logo). Some XUL
>Runner components (in particular, the <a href="#Extension_Manager>Runner components (in particular, the <a href="#Extension_Manager
>">Extension Manager</a>) depend on branding, in the sense that th>"> Extension Manager</a>) depend on branding, in the sense that t
>ey expect to find certain strings in <code><a class=" external" h>hey expect to find certain strings in <code><a class=" external" 
>ref="chrome://branding/locale/brand.dtd" rel="freelink">chrome://>href="chrome://branding/locale/brand.dtd" rel="freelink">chrome:/
>branding/locale/brand.dtd</a></code> and <code><a class=" externa>/branding/locale/brand.dtd</a></code> and <code><a class=" extern
>l" href="chrome://branding/locale/brand.properties" rel="freelink>al" href="chrome://branding/locale/brand.properties" rel="freelin
>">chrome://branding/locale/brand.properties</a></code>. In order >k">chrome://branding/locale/brand.properties</a></code>. In order
>to satisfy these dependencies, you can save Firefox's <code>brand> to satisfy these dependencies, you can save Firefox's <code>bran
>.dtd</code>/<code>brand.properties</code> to <code>chrome/locale/>d.dtd</code>/<code>brand.properties</code> to <code>chrome/locale
>branding</code> folder, modify them appropriately, and <a href="/>/branding</code> folder, modify them appropriately, and <a href="
>en/Chrome_Registration#locale" title="en/Chrome_Registration#loca>/en/Chrome_Registration#locale" title="en/Chrome_Registration#loc
>le">register a locale provider</a> for <code>branding</code> by a>ale">register a locale provider</a> for <code>branding</code> by 
>dding the following line to your chrome manifest:>adding the following line to your chrome manifest:
n208      <li>When compiling XULRunner yourself: create a file modulen246      <li>When compiling XULRunner yourself: create a file module
>.ver in the directory mozilla/xulrunner/app with the contents:>.ver in the directory mozilla/xulrunner/app with the contents: 
n295      Using <span style="font-family: Courier New;">firefox</spann333      Using <span style="font-family: Courier New;">firefox </spa
>> command doesn't work. So you can use the <span style="font-fami>n>command doesn't work. So you can use the <span style="font-fami
>ly: Courier New;">xulrunner</span> command :>ly: Courier New;">xulrunner</span> command :
n322      To create a default theme you need to create a folder in thn360      To create a default theme you need to create a folder in th
>e extensions folder with an <a class="external" href="/en/Install>e extensions folder with an <a class="external" href="/en/Install
>_Manifests" title="http://developer.mozilla.org/editor/fckeditor/>_Manifests" title="http://developer.mozilla.org/editor/fckeditor/
>core/editor/en/Install_Manifests">install.rdf</a> in it.&nbsp; As>core/editor/en/Install_Manifests">install.rdf</a> in it.  As of O
> of Oct. 2008, the folder needs to have the same name as the one >ct. 2008, the folder needs to have the same name as the one in Fi
>in Firefox 3.0.&nbsp;>refox 3.0. 
tt371  </li>
372</ul></button>
373</pre>
374      </li>
375    </ol>

Back to History