blob: 6b6ac40112feca5f360d0102ebb1d1b7c246a914 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
---
title: Overlay extensions
slug: Mozilla/Add-ons/Overlay_Extensions
tags:
- Add-ons
- Extensions
- Landing
- NeedsTranslation
- TopicStub
translation_of: Archive/Add-ons/Overlay_Extensions
---
<p>This page contains links to documentation for the approach to developing extensions for Gecko-based applications which uses:</p>
<ul>
<li>XUL overlays to specify the interface</li>
<li>APIs available to privileged code such as <a href="/en-US/docs/XUL/tabbrowser"><code>tabbrowser</code></a> and <a href="/en-US/docs/Mozilla/JavaScript_code_modules">JavaScript modules</a> to interact with the application and content.</li>
</ul>
<p>Before Gecko 2.0 was released this was the only way to develop extensions. Now there are two alternative techniques: <a href="/en-US/docs/Extensions/Bootstrapped_extensions">restartless extensions</a> and <a href="https://addons.mozilla.org/en-US/developers/docs/sdk/latest/">Add-on SDK-based extensions</a>. The privileged JavaScript APIs described here can still be used by the newer techniques.</p>
<h2 id="XUL_School">XUL School</h2>
<p><a href="/en-US/Add-ons/Overlay_Extensions/XUL_School">XUL School</a> is a comprehensive add-on development tutorial, focusing on Firefox extension development but mostly applicable to other Gecko-based applications.</p>
<h2 id="More_resources">More resources</h2>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Mozilla/Add-ons/Setting_up_extension_development_environment">Setting up your environment</a></dt>
<dd>
Setting up the application for extension development.</dd>
<dt>
<a href="/en-US/docs/XUL">XUL</a></dt>
<dd>
Tutorials and reference for the user interface language used by XUL extensions.</dd>
<dt>
<a href="/en-US/Mozilla/Add-ons/Code_snippets">Code snippets</a></dt>
<dd>
Sample code for many of the things you'll want to do.</dd>
<dt>
<a href="/en-US/Mozilla/Add-ons/Installing_extensions">Installing extensions</a></dt>
<dd>
How to install an extension by copying the extension files into the application's install directory.</dd>
<dt>
<a href="/en-US/Add-ons/Overlay_extensions/Firefox_addons_developer_guide">Firefox add-ons developer guide</a></dt>
<dd>
A guide to developing overlay extensions.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="/en-US/docs/Mozilla/JavaScript_code_modules">JavaScript code modules</a></dt>
<dd>
JavaScript modules available to extension developers.</dd>
<dt>
<a href="/en-US/Mozilla/Add-ons/Inline_Options">Extension preferences</a></dt>
<dd>
How to specify the preferences for your extension that will appear in the Add-ons Manager.</dd>
<dt>
<a href="/en-US/Mozilla/Add-ons/Extension_Frequently_Asked_Questions">Frequently Asked Questions</a></dt>
<dd>
Common issues with extension development.</dd>
<dt>
<a href="/en-US/Mozilla/Add-ons/Extension_Packaging">Extension packaging</a></dt>
<dd>
How extensions are packaged and installed.</dd>
<dt>
<a href="/en-US/Mozilla/Add-ons/Creating_Custom_Firefox_Extensions_with_the_Mozilla_Build_System">Binary Firefox extensions</a></dt>
<dd>
Creating binary extensions for Firefox.</dd>
</dl>
</div>
</div>
<p> </p>
|
