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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
|
---
title: Tutorials
slug: Mozilla/Add-ons/SDK/Tutorials
translation_of: Archive/Add-ons/Add-on_SDK/Tutorials
---
<p>Auf dieser Seite wird gezeigt, wie man spezifische praktische Aufgaben unter Verwendung des SDKs bewältigen kann.</p>
<hr>
<h3 id="Erste_Schritte"><a name="getting-started">Erste Schritte</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Installation">Installation</a></dt>
<dd>
Download, Installation und Einrichtung des SDKs unter Windows, OS X und Linux.</dd>
</dl>
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Troubleshooting">Fehlerbehebung</a></dt>
<dd>
Lösungsansätze zum Beheben klassischer Probleme und Möglichkeiten zum Erhalten weiterer Hilfe.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Getting_started_with_cfx">Erste Schritte mit cfx</a></dt>
<dd>
Die elementaren cfx-Befehle zum Erstellen von Add-ons.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="Benutzeroberflächen_erstellen"><a name="create-user-interfaces">Benutzeroberflächen erstellen</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Adding_a_Button_to_the_Toolbar">Toolbar-Button hinzufügen</a></dt>
<dd>
Einen Button zur Firefox-Toolbar hinzufügen.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Menu_Item_to_Firefox">Hauptmenü erweitern</a></dt>
<dd>
Items den Hauptmenüs von Firefox hinzufügen.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Display_a_Popup">Popups anzeigen</a></dt>
<dd>
Einen Popup-Dialog unter Verwendung von HTML und JavaScript anzeigen.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Context_Menu_Item">Kontextmenü erweitern</a></dt>
<dd>
Items dem Kontextmenü von Firefox hinzufügen.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="Interagieren_mit_dem_Browser"><a name="interact-with-the-browser">Interagieren mit dem Browser</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Open_a_Web_Page">Webseiten öffnen</a></dt>
<dd>
Mit Hilfe des tabs-Moduls eine Seite in einem neuen Tab oder einem neuen Fenster öffnen und auf deren Inhalt zugreifen.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Listen_for_Page_Load">Auf das Laden von Webseiten reagieren</a></dt>
<dd>
Mit dem tabs-Modul erkennen, wenn neue Webseiten geladen werden und auf deren Inhalte zugreifen.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/List_Open_Tabs">Geöffnete Tabs auflisten </a></dt>
<dd>
Mit dem tabs-Modul geöffnete Tabs auflisten und auf ihre Inhalte zugreifen.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="Inhalte_von_Webseiten_bearbeiten"><a name="modify-web-pages">Inhalte von Webseiten bearbeiten</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Modifying_Web_Pages_Based_on_URL">Webseiten basierend auf deren URL bearbeiten</a></dt>
<dd>
URL-Filter für Webseiten erstellen und ein Script darin ausführen, sobald eine Seite geladen wird, deren URL mit einer URL im Filter übereinstimmt.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Modifying_the_Page_Hosted_by_a_Tab">Aktive Webseite bearbeiten</a></dt>
<dd>
Ein Script dynamisch in der aktuell aktiven Website ausführen.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="Entwicklungstechnologien"><a name="development-techniques">Entwicklungstechnologien</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Logging">Loggen</a></dt>
<dd>
Nachrichten auf der Konsole für Diagnosezwecke ausgeben.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Creating_reusable_modules">Wiederverwendbare Module erstellen</a></dt>
<dd>
Gliedere dein Add-on in einzelne Module und erleichtere somit das Entwickeln, Debuggen und Erhalten des Add-ons. Erstelle wiederverwendbare Pakete, die deine Module enthalten, damit auch andere Add-on-Entwickler diese verwenden können.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Unit_testing">Testen der Bestandteile</a></dt>
<dd>
Erstellen und Ausführen von Tests mit dem SDK-test-Framework.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Chrome_authority">Chrome-Autorität</a></dt>
<dd>
Erhalte Zugriff auf das Components-Objekt und erlaube deinem Add-on XPCOM-Objekte zu laden und zu verwenden.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Creating_event_targets">Erstellen von benutzerdefinierten Events</a></dt>
<dd>
Erlaube deinen erstellten Objekten, eigene Events auszugeben.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Listening_for_load_and_unload">Auf das Starten und Beenden des Add-ons reagieren</a></dt>
<dd>
Werde benachrichtigt, wenn ein Add-on von Firefox gestartet oder beendet wird und übergebe Argumente an das Add-on über die Kommandozeile.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Menu_Item_to_Firefox">Module von Drittanbietern verwenden</a></dt>
<dd>
Installation und Verwendung von zusätzlichen Modulen, die nicht im SDK enthalten sind.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/l10n">Lokalisierung</a></dt>
<dd>
Entwicklung lokalisierbarer Add-ons.</dd>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Mobile_development">Entwicklung für mobile Endgeräte</a></dt>
<dd>
Entwicklung von Add-ons für Firefox Mobile für Android.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="Zusammenfassung"><a name="putting-it-together">Zusammenfassung</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="/en-US/Add-ons/SDK/Tutorials/Annotator">Add-on "Annotator"</a></dt>
<dd>
Walk-through durch das Beispiel-Add-on "Annotator".</dd>
</dl>
</div>
</div>
<p> </p>
|
