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
|
---
title: Leitfäden
slug: Mozilla/Add-ons/SDK/Guides
translation_of: Archive/Add-ons/Add-on_SDK/Guides
---
<p>Auf dieser Seite sind theoretische und detailliertere Artikel über das SDK auffindbar.</p>
<hr>
<h3 id="Für_Mitwirkende"><a name="contributors-guide">Für Mitwirkende</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="Guides/Getting_Started">Erste Schritte</a></dt>
<dd>
Erfahre, wie du zu dem SDK beitragen kannst: den Quellcode erhalten, Bugs melden und beheben, Patches einreichen, Überprüfungen und Hilfe erhalten.</dd>
<dt>
<a href="Guides/Modules">Module</a></dt>
<dd>
Erfahre mehr über das vom SDK verwendete Modulsystem (basierend auf der CommonJS-Spezifikation), wie Sandboxes und Compartments zum Erhöhen der Sicherheit verwendet werden können, und über den im SDK enthaltenen Modul-Loader Cuddlefish.</dd>
<dt>
<a href="Guides/Classes_and_Inheritance">Klassen und Vererbung</a></dt>
<dd>
Erfahre, wie Klassen und Vererbungen in JavaScript implementiert werden können, unter Verwendung von Konstruktoren und Prototypen, und über die Helper-Funktion des SDKs zum Vereinfachen dieser Prozesse.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="Guides/Private_Properties">Private Eigenschaften</a></dt>
<dd>
Erfahre, wie private Eigenschaften in JavaScript unter Verwendung von Prefixes, Closures und WeakMaps implementiert werden können und wie das SDK private Eigenschaften durch das Verwenden von Namespaces (eine Verallgemeinerung von WeakMaps) unterstützt.</dd>
<dt>
<a href="Guides/Content_Processes">Prozesse</a></dt>
<dd>
Das SDK wurde dafür entwickelt, in einer Umgebung zu arbeiten, in welcher Code zum Manipulieren von Web-Inhalten in unterschiedlichen Prozessen wie der Haupt-Code des Add-ons ausgeführt wird. Dieser Artikel erklärt die wichtigsten Vorteile dieses Konzepts.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="SDK-Infrastruktur"><a name="sdk-infrastructure">SDK-Infrastruktur</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="Guides/Module_structure_of_the_SDK">Modulstruktur des SDKs</a></dt>
<dd>
Das SDK selbst sowie die dafür konzipierten Add-ons bestehen aus wiederverwendbaren JavaScript-Modulen. Dieser Artikel erklärt, worum es sich bei diesen Modulen handelt, wie sie geladen werden können und wie die Modul-Baumstruktur des SDKs aufgebaut ist.</dd>
<dt>
<a href="Guides/SDK_API_Lifecycle">SDK-API-Lebenszyklus</a></dt>
<dd>
Einführung in den Lebenszyklus der SDK-APIs, beinhaltet Stabilitätsbewertungen für APIs.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="Guides/Program_ID">Programm-ID</a></dt>
<dd>
Die Programm-ID ist ein eindeutiger Bezeichner für ein Add-on. Dieser Leitfaden zeigt, wie sie erstellt wird, und wozu sie dient.</dd>
<dt>
<a href="Guides/Firefox_Compatibility">Firefox-Kompatibilität</a></dt>
<dd>
Lerne, mit welchen Firefox-versionen eine SDK-Version kompatibel ist und wie Kompatibilitätsprobleme behandelt werden können.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="SDK-Spracheigenschaften"><a name="sdk-idioms">SDK-Spracheigenschaften</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="Guides/Working_with_Events">Arbeiten mit Events</a></dt>
<dd>
Erstelle Event-basierten Code mit Hilfe des SDK-Eventausgabe-Frameworks.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="Guides/Two_Types_of_Scripts">Zwei Arten von Scripts</a></dt>
<dd>
Dieser Artikel erklärt die Unterschiede zwischen den vom Haupt-Code des Add-ons verwendbaren APIs und von denen, die von einem Content-Script verwendet werden können.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="Content-Scripts"><a name="content-scripts">Content-Scripts</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="Guides/Content_Scripts">Einführung in Content-Scripts</a></dt>
<dd>
Eine Übersicht über Content-Scripts.</dd>
<dt>
<a href="Guides/Loading_content_scripts">Laden von Content-Scripts</a></dt>
<dd>
Laden von Content-Scripts in Webseiten, Einbindung entweder von Strings oder von eigenen Dateien und Festlegen des Ausführungszeitpunktes.</dd>
<dt>
<a href="Guides/Accessing_the_DOM">Auf das DOM zugreifen</a></dt>
<dd>
Informationen über den Zugriff von Content-Scripts auf das DOM (Document Object Model).</dd>
<dt>
<a href="Guides/Communicating_with_other_scripts">Kommunikation mit anderen Scripts</a></dt>
<dd>
Erfahre, wie ein Content-Script mit der <em>main.js</em>-Datei, mit anderen Content-Scripts und von der Webseite selbst geladenen Scripts kommunizieren kann.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="Guides/using_port">Verwendung von "port"</a></dt>
<dd>
Kommunikation zwischen einem Content-Script und den anderen Bestandteilen des Add-ons über das <code>port</code>-Objekt.</dd>
<dt>
<a href="Guides/using_postMessage">Verwendung von "postMessage()"</a></dt>
<dd>
Kommunikation zwischen einem Content-Script und den anderen Bestandteilen des Add-ons über die <code>postMessage()</code>-API und ein Vergleich dieser Technik mit dem <code>port</code>-Objekt.</dd>
<dt>
<a href="Guides/Cross_domain_content_scripts">Domainübergreifende Content-Scripts</a></dt>
<dd>
Lerne, wie man Content-Scripts dazu befähigt, mit Inhalten von anderen Domains zu interagieren.</dd>
<dt>
<a href="Guides/Reddit_example">Reddit-Beispiel</a></dt>
<dd>
Ein einfaches Add-on mit Content-Scripts.</dd>
</dl>
</div>
</div>
<hr>
<h3 id="XUL-Portierung"><a name="xul-migration">XUL-Portierung</a></h3>
<div class="column-container">
<div class="column-half">
<dl>
<dt>
<a href="Guides/XUL_Migration_Guide">XUL Portierungsleitfaden</a></dt>
<dd>
Techniken zum Portieren eines XUL Add-ons auf das SDK.</dd>
<dt>
<a href="Guides/XUL_vs_SDK">XUL versus SDK</a></dt>
<dd>
Ein Vergleich der Stärken und Schwächen des SDK's mit denen der traditionellen XUL-basierten Add-ons.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt>
<a href="Guides/Porting_the_Library_Detector">Portierungs-Beispiel</a></dt>
<dd>
Ein Walkthrough durch das Portieren eines relativ einfachen XUL-basierten Add-ons auf das SDK.</dd>
</dl>
</div>
</div>
|
