---
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>