diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 21:46:22 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 21:46:22 -0500 |
commit | a065e04d529da1d847b5062a12c46d916408bf32 (patch) | |
tree | fe0f8bcec1ff39a3c499a2708222dcf15224ff70 /files/de/archive/b2g_os/quickstart | |
parent | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (diff) | |
download | translated-content-a065e04d529da1d847b5062a12c46d916408bf32.tar.gz translated-content-a065e04d529da1d847b5062a12c46d916408bf32.tar.bz2 translated-content-a065e04d529da1d847b5062a12c46d916408bf32.zip |
update based on https://github.com/mdn/yari/issues/2028
Diffstat (limited to 'files/de/archive/b2g_os/quickstart')
5 files changed, 0 insertions, 479 deletions
diff --git a/files/de/archive/b2g_os/quickstart/deine_erste_app/index.html b/files/de/archive/b2g_os/quickstart/deine_erste_app/index.html deleted file mode 100644 index abd858245b..0000000000 --- a/files/de/archive/b2g_os/quickstart/deine_erste_app/index.html +++ /dev/null @@ -1,339 +0,0 @@ ---- -title: Deine erste App -slug: Archive/B2G_OS/Quickstart/deine_erste_app -tags: - - Anfänger - - Apps - - FirefoxOS - - Guide -translation_of: Archive/B2G_OS/Quickstart/Your_first_app ---- -<div class="note"> - <p><span id="result_box" lang="de"><span class="hps"><strong>Hinweis</strong>: Das</span> <span class="hps atn">Quickstart-</span><span>Abschnitt</span> <span class="hps">wurde mit einem neuen</span><span>, fokussierter</span> <span class="hps">Quick</span> <span class="hps">Artikel, der</span> <span class="hps">alle bisherigen</span> <span class="hps">Artikel</span> <span class="hps">ersetzt</span> <span class="hps">aktualisiert.</span> <span class="hps">Wir</span> <span class="hps">hoffen, dass Sie</span> <span class="hps">diese</span> <span class="hps">nützlicher</span><span class="hps"> finden, und</span> <span class="hps">eine schnellere</span> <span class="hps">Lernerfahrung</span> <span class="hps">als die ältere</span>n <span class="hps">Artikel haben</span><span>.</span></span></p> -</div> -<article class="brush: js"> - <div class="summary"> - <p>Offene Web-Anwendungen (Web-Entwickler) geben, was sie seit Jahren gewünscht haben: ein Cross-Plattform-Umgebung, um installierbare Apps mit nur HTML, CSS und JavaScript erstellen gewidmet - mit Firefox OS, der erste dedizierte Open Web App-Plattform.</p> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:3:0:5]">Dieser</span><span> </span><span id="Dst[0][5:9:7:15]">Leitfaden</span><span> </span><span id="Dst[0][11:14:17:20]">soll</span><span> </span><span id="Dst[0][23:25:22:24]">Sie</span><span> </span><span id="Dst[0][27:40:26:44]">unternehmungslustig</span><span> </span><span id="Dst[0][42:48:46:52]">schnell</span><span> </span><span id="Dst[0][50:53:54:56]">mit</span><span> </span><span id="Dst[0][55:55:58:62]">einer</span><span> </span><span id="Dst[0][57:61:64:76]">grundlegenden</span><span> </span><span id="Dst[0][63:74:78:88]">Architektur</span><span> </span><span id="Dst[0][76:78:90:92]">und</span><span> </span><span id="Dst[0][86:97:94:104]">Anweisungen</span><span> zu </span><span id="Dst[0][80:84:109:113]">bauen <font lang="de">inspirieren</font></span><span>, </span><span id="Dst[0][99:100:116:117]">so</span><span> </span><span id="Dst[0][102:105:119:122]">dass</span><span> </span><span id="Dst[0][107:109:124:126]">Sie</span><span> </span><span id="Dst[0][122:124:128:130]">die</span><span> </span><span id="Dst[0][126:129:132:138]">nächste</span><span> </span><span id="Dst[0][131:135:140:144]">große</span><span> </span><span id="Dst[0][137:139:146:148]">app</span><span> </span><span id="Dst[0][115:120:150:158]">erstellen</span><span> </span><span id="Dst[0][111:113:160:165]">können</span><span>!</span></div> - </div> - </div> - <p>Wenn Sie dieser Anleitung folgen möchten, können Sie unsere <a href="https://github.com/chrisdavidmills/mdn-app-template">Schnellstart-app-Vorlage</a> herunterladen. Finden Sie mehr heraus was unser <a href="/en-US/docs/Project:MDN/Style_guide/Sample_app_coding_guidelines#Apps_template">Apps-Vorlage-Guide</a> enthält.</p> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <h2 id="div[0]" name="div[0]"><span id="Dst[0][0:2:0:2]">App</span><span>-</span><span id="Dst[0][4:12:4:11]">Struktur</span></h2> - <p> </p> - </div> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <h3 id="div[0]" name="div[0]"><span id="Dst[0][0:7:0:7]">Verpackt</span><span> vs. </span><span id="Dst[0][13:18:13:21]">gehostete</span><span> </span><span id="Dst[0][20:23:23:33]">Anwendungen</span></h3> - </div> - <p>Es gibt zwei Arten der offenen Web-apps : <code>verpackt</code> und <code>gehostet</code>. Verpackte apps sind im Wesentlichen die Zip-Dateien, alle Anwendung Anlagewerten: HTML, CSS, JavaScript, Bilder, Manifest, etc.. Gehostete Anwendungen laufen von einem Server in einer bestimmten Domain, genau wie eine standard-Website. Beide app-Arten benötigen ein gültiges Manifest. Wenn Ihre app auf dem Firefox-Marktplatz kommt, wird Ihre Anwendung als Zip-Datei hochladen oder geben Sie die URL an, wo Ihre gehostete Anwendung ist.</p> - <div style="width: 480px; margin: 0 auto;"> - <p><iframe frameborder="0" height="270" src="https://www.youtube.com/embed/Q7x-B13y33Q/?feature=player_detailpage" width="480"></iframe></p> - <div style=""> - <p>In Partnerschaft mit Treehouse erstellt : <a class="button" href="http://teamtreehouse.com/?cid=1154">Zu die Treehouse Seite</a></p> - </div> - </div> - <p>Für die Zwecke dieses Leitfadens erstellen Sie eine gehostete app die werden dann an Ihre Adresse "localhost" geschickt. Sobald Ihre app bereit ist um auf die Liste des Firefox-Marktplatz zukommen, können Sie die Entscheidung, als verpackte app oder als gehostete Anwendung zu starten.</p> - <h3 id="Manifeste_App">Manifeste App</h3> - <p>Alle Firefox-app erfordern eine <a href="/en-US/docs/Web/Apps/Manifest">manifest.webapp</a> -Datei im Stammverzeichnis der app. Die manifest.webapp -Datei enthält wichtige Informationen über die app wie Version, Name, Beschreibung, Symbolspeicherort, Locale Zeichenfolgen, Domains, wo die app aus, installiert werden kann, und vieles mehr. Nur der Name und die Beschreibung sind erforderlich. Das einfache Manifest innerhalb der app-Vorlage enthalten ist, die der folgenden ähnelt:</p> - <pre class="brush: js">{ - "version": "0.1", - "name": "Open Web App", - "description": "Die eeindruckende Open Web App", - "launch_path": "/app-template/index.html", - "icons": { - "16": "/app-template/app-icons/icon-16.png", - "48": "/app-template/app-icons/icon-48.png", - "128": "/app-template/app-icons/icon-128.png" - }, - "developer": { - "name": "Ihr Name", - "url": "http://ihrebeeindruckendeapp.eu" - }, - "locales": { - "es": { - "description": "Su nueva aplicación impresionante Open Web", - "developer": { - "url": "http://ihrebeeindruckendeapp.eu" - } - }, - "it": { - "description": "La tua nuova fantastica Open Web App", - "developer": { - "url": "http://ihrebeeindruckendeapp.eu" - } - } - }, - "default_locale": "de" -}</pre> - <div style="width: 480px; margin: 0 auto;"> - <p><iframe frameborder="0" height="270" src="https://www.youtube.com/embed/dgAUgHQOm8M#t/?feature=player_detailpage" width="480"></iframe></p> - <div class="video-caption"> - <p>In Partnerschaft mit Treehouse erstellt : <a class="button" href="http://teamtreehouse.com/?cid=1154">Zu die Treehouse Seite</a></p> - </div> - </div> - <p> </p> - <p>Eine grundlegende Manifest ist alles, was Sie brauchen um loszulegen. Lesen Sie mehr über <a href="/en-US/docs/Web/Apps/Manifest">Manifeste Apps</a>.</p> - <h2 id="App_Layout_Design">App Layout & Design</h2> - <p>Das Design ist zunehmend wichtig, da die Bildschirmauflösungen standard auf verschiedenen Geräten geworden ist. Selbst wenn das Hauptziel Ihrer App mobile Plattformen wie Firefox-OS ist, haben andere Geräte wahrscheinlich auch darauf zugriff. Mit <a href="//developer.mozilla.org/docs/CSS/Media_queries">CSS Media Queries</a> können Sie das Layout des Gerät anpassen, wie in diesem CSS-Beispiel gezeigt:</p> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - </div> - </div> - <pre class="brush: css"> -/* Im folgenden Text werden Beispiele von Verschiedenen CSS Media Queries gezeigt */ - - /* Grundlegende Desktop/Bildschirm breite */ -@media only screen and (min-width : 1224px) { - /* style */ -} - -/* iPhone breite */ -@media - only screen and (-webkit-min-device-pixel-ratio : 1.5), - only screen and (min-device-pixel-ratio : 1.5) { - /* styles */ -} - -/* Geräteeinstellungen auf verschiedenen Ausrichtungen */ -@media screen and (orientation:portrait) { - /* styles */ -} -@media screen and (orientation:landscape) { - /* styles */ -}</pre> - <p>Es gibt viele JavaScript und CSS-Frameworks für responsive Design und mobile app Entwicklung (<a href="http://twitter.github.com/bootstrap">Bootstrap</a>, etc.) Wählen Sie die Framework(s), die am besten zu Ihrer app-Entwicklung passen.</p> - <h2 id="Web_APIs">Web APIs</h2> - <p>JavaScript-APIs werden erstellt und so schnell wie Geräte erweitert. Mozillas <a href="https://wiki.mozilla.org/WebAPI">WebAPI</a> Aufwand bringt Dutzende von mobilen Standardfunktionen von JavaScript-APIs.<span id="Dst[0][0:0:0:3]"> Eine</span><span> </span><span id="Dst[0][2:5:5:9]">Liste</span><span> </span><span id="Dst[0][7:8:11:13]">der</span><span> </span><span id="Dst[0][10:15:15:20]">Geräte</span><span>-</span><span id="Dst[0][17:23:22:28]">Support</span><span> </span><span id="Dst[0][25:27:30:32]">und</span><span> </span><span id="Dst[0][29:34:34:39]">Status</span><span> </span><span id="Dst[0][36:47:41:45]">steht</span><span> </span><span id="Dst[0][49:50:47:49]">auf</span><span> </span><span id="Dst[0][52:54:51:53]">der</span><span> </span><span id="Dst[0][63:66:55:59]">Seite</span><span> </span><span id="Dst[0][56:61:61:66]">des <a href="https://wiki.mozilla.org/WebAPI">WebAPI</a></span><span> zur Verfügung</span><span>.</span><span> </span><span id="Dst[0][69:78:83:92]">JavaScript</span><span>-</span><span id="Dst[0][80:86:94:100]">Feature</span><span>-</span><span id="Dst[0][88:96:102:110]">Erkennung</span><span> </span><span id="Dst[0][98:99:112:114]">ist</span><span> </span><span id="Dst[0][101:105:116:125]">immer noch</span><span> </span><span id="Dst[0][107:109:127:129]">die</span><span> </span><span id="Dst[0][111:114:131:135]">beste</span><span> </span><span id="Dst[0][116:123:137:142]">Praxis</span><span>,</span><span> </span><span id="Dst[0][126:127:145:147]">wie</span><span> </span><span id="Dst[0][135:136:149:150]">im</span><span> </span><span id="Dst[0][142:150:152:160]">folgenden</span><span> </span><span id="Dst[0][152:158:162:169]">Beispiel</span><span> </span><span id="Dst[0][129:133:171:177]">gezeigt</span><span>:</span>// Wenn dieses Gerät das Vibrieren API unterstützt</p> - <pre class="brush: js">// Wenn dieses Gerät Vibration API unterstützt ... - -if('vibrate' in navigator) { - // ... Vibration in Sekunden - navigator.vibrate(1000); -}</pre> - <p>Im folgenden Beispiel wird das Anzeigeformat von einer <code><div></code> basierend auf die Änderungen in der Ladezustand des Geräts geändert :</p> - <pre class="brush: java">// Erstellen Sie die Batterie Indiktator Hörer -(function() { - var battery = navigator.battery || navigator.mozBattery || navigator.webkitBattery, - indicator, indicatorPercentage; - - if(battery) { - indicator = document.getElementById('indicator'), - indicatorPercentage = document.getElementById('indicator-percentage'); - - // Zuhörer für Änderung - battery.addEventListener('chargingchange', updateBattery); - battery.addEventListener('levelchange', updateBattery); - - // Aktualisiert sofort - updateBattery(); - } - - function updateBattery() { - // Prozent aktualisieren Breite und Text - var level = (battery.level * 100) + '%'; - indicatorPercentage.style.width = level; - indicatorPercentage.innerHTML = 'Battery: ' + level; - // Ladestatus Updaten - indicator.className = battery.charging ? 'charging' : ''; - } -})();</pre> - <p>Im Beispiel oben sobald Sie bestätigen, dass die <a href="https://developer.mozilla.org/en-US/docs/DOM/window.navigator.battery">Batterie-API</a> unterstützt wird, können Sie Ereignis-Listener für Chargingchange und Levelchange um das Element Anzeige aktualisieren hinzufügen. Versuchen Sie, die folgenden auf die Quickstart-Vorlage, und sehen Sie, wenn Sie es funktioniert.</p> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span class="dhighlight" id="Dst[0][0:4:0:13]">Überprüfen Sie</span><span> </span><span id="Dst[0][6:8:15:17]">die</span><span> </span><a href="https://wiki.mozilla.org/WebAPI"><span id="Dst[0][10:15:19:24]">WebAPI</span></a><span>-</span><span id="Dst[0][17:20:26:30]">Seite</span><span> </span><span id="Dst[0][22:31:32:41]">regelmäßig</span><span>, </span><span id="Dst[0][33:34:44:45]">um</span><span> sich </span><span id="Dst[0][52:55:52:54]">mit</span><span> </span><span id="Dst[0][57:62:56:60]">Gerät</span><span> </span><span id="Dst[0][64:66:62:64]">API</span><span> </span><span id="Dst[0][68:75:66:71]">Status</span><span> </span><span id="Dst[0][41:42:73:79]">aktuell</span><span> </span><span id="Dst[0][44:45:81:82]">zu</span><span> </span><span id="Dst[0][36:39:84:89]">halten</span><span>.</span></div> - <div> - </div> - </div> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <h2 id="div[0]" name="div[0]"><span id="Dst[0][8:10:0:2]">API</span><span>-</span><span class="dhighlight" id="Dst[0][12:24:4:13]">Funktionen</span> <span id="Dst[0][0:6:18:29]">installieren</span></h2> - <div> - </div> - </div> - <p>In unserem Quickstart-app Beispielvorlage, haben wir eine installierungs-Schaltfläche, die Sie anklicken können, wenn Sie die app als standard website haben möchten ,<br> - und diese Website auf Firefox-OS als app zu installieren. Das Knopf-Markup ist nichts Besonderes:</p> - <pre class="brush: html"><button id="install-btn">App Installieren</button></pre> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:3:0:4]">Diese</span><span> </span><span id="Dst[0][5:12:6:21]">Tastenfunktionen</span><span> </span><span id="Dst[0][28:29:23:26]">wird</span><span> </span><span id="Dst[0][43:47:28:35]">mithilfe</span><span> </span><span id="Dst[0][49:51:37:39]">der</span><span> </span><span id="Dst[0][53:59:41:52]">installieren</span><span>-</span><span id="Dst[0][61:63:54:56]">API</span><span> </span><span id="Dst[0][31:41:58:70]">implementiert</span><span> </span><span id="Dst[0][65:68:72:77]">(siehe</span><span> </span><span id="Dst[0][70:81:79:90]">install.js):</span></div> - <div> - </div> - </div> - <pre class="brush: js">var mainifest_url = location.href + 'manifest.webapp'; - -function install(ev) { - ev.preventDefault(); -//Manifest URL Definieren -// App Installieren - var installLocFind = navigator.mozApps.install(manifest_url); - installLocFind.onsuccess = function(data) { - // Wenn die App Installiert ist - }; - installLocFind.onerror = function() { - // App ist nicht Installiert - // installapp.error.name - alert(installLocFind.error.name); - }; -}; - -// Eine Verweis auf die Schaltfläche und rufen Sie install() auf Klick wenn die App nicht Installiert ist. Wenn sie installiert ist ist die Schaltfläche ausgeblendet. -var button = document.getElementById('install-btn'); - -var installCheck = navigator.mozApps.checkInstalled(manifest_url); - -installCheck.onsuccess = function() { - if(installCheck.result) { - button.style.display = "none"; - } else { - button.addEventListener('click', install, false); - }; -}; -</pre> - <p>Gehen Sie kurz alles durch was vor sich geht :</p> - <ol> - <li> - <div> - <span id="Dst[1][0:1:0:2]">Wir</span><span> </span><span id="Dst[1][3:5:4:11]">erhalten</span><span> </span><span id="Dst[1][7:7:13:17]">einen</span><span> </span><span id="Dst[1][9:17:19:25]">Verweis</span><span> </span><span id="Dst[1][19:20:27:29]">auf</span><span> </span><span id="Dst[1][22:24:31:33]">die</span><span> Schaltfläche "</span><span id="Dst[1][26:32:49:60]">installieren</span><span id="Dst[1][34:39:61:61]">"</span><span> </span><span id="Dst[1][41:43:63:65]">und</span><span> </span><span id="Dst[1][45:49:67:75]">speichern</span><span> Sie </span><span id="Dst[1][51:52:81:83]">sie</span><span> </span><span id="Dst[1][54:55:85:86]">in</span><span> </span><span id="Dst[1][57:59:88:90]">die</span><span> Schaltfläche "</span><span id="Dst[1][61:68:106:114]">Variablen</span><span id="Dst[1][70:75:115:115]">"</span><span>.</span></div> - </li> - <li>Wir verwenden <code>navigator.mozApps.checkInstalled</code> um zu prüfen, ob die App definiert durch das Manifest im <code>http://people.mozilla.com/~cmills/location-finder/manifest.webapp</code> bereits auf dem Gerät installiert ist. Dieser Text wird als Variable <code>installCheck</code> gespeichert.</li> - <li>Wenn der Test erfolgreich durchgeführt wird, dann wird sein Success Ereignis ausgelöst, daher wird <code>installCheck.onsuccess = function() { ... }</code> ausgeführt.</li> - <li>Wenn die App bereits Installiert ist wird die Schaltfläche ausgeblendet.</li> - <li> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:1:0:3]">Wenn</span><span> </span><span id="Dst[0][3:5:5:7]">die</span><span> </span><span id="Dst[0][7:9:9:11]">app</span><span> nicht </span><span id="Dst[0][17:25:19:29]">installiert</span><span> </span><span id="Dst[0][11:15:31:33]">ist</span><span>,</span><span> </span><span id="Dst[0][31:33:36:40]">fügen</span><span> </span><span id="Dst[0][28:29:42:44]">wir</span><span> </span><span id="Dst[0][35:35:46:50]">einen</span><span> </span><span id="Dst[0][37:41:52:56]">Click</span><span>-</span><span id="Dst[0][43:47:58:65]">Ereignis</span><span>-</span><span id="Dst[0][49:56:67:74]">Listener</span><span> </span><span id="Dst[0][58:59:76:78]">zur</span><span> </span><span id="Dst[0][61:70:80:91]">Schaltfläche</span><span>,</span><span> </span><span id="Dst[0][73:74:94:100]">so dass</span><span> </span><span id="Dst[0][76:78:102:104]">die</span><span> </span><span id="Dst[0][90:97:106:113]">Funktion</span><span> </span><code><span id="Dst[0][80:88:115:123]">install()</span><span> </span></code><span id="Dst[0][102:104:125:134]">ausgeführt</span><span> </span><span id="Dst[0][99:100:136:139]">wird</span><span>, </span><span id="Dst[0][106:109:142:145]">wenn</span><span> </span><span id="Dst[0][111:113:147:149]">die</span><span> </span><span id="Dst[0][115:120:151:162]">Schaltfläche</span><span> </span><span id="Dst[0][125:131:164:171]">geklickt</span><span> </span><span id="Dst[0][122:123:173:176]">wird</span><span>.</span></div> - </div> - </div> - </div> - </li> - <li>Wenn die Schaltfläche angeklickt wird, und die Funktion <code>install() </code>ausgeführt wird, wird die Betriebsstätte für die manifest-Datei in eine Variable namens <code>manifest_url</code> und installieren dann die app unter Verwendung <code>navigator.mozApps.install(manifest_url)</code>, einen Verweis auf die Installation in der <code>InstallLocFind</code>-Variablen zu speichern. Sie werden bemerken, dass diese Installation auch Erfolg und Fehler-Ereignisse auslöst, damit Sie Aktionen abhängig ausführen können, ob die Installation erfolgreich oder nicht passiert ist.</li> - </ol> - <p>Vielleicht möchten Sie den <a href="/en-US/docs/Web/Apps/JavaScript_API">Umsetzung Stand der API</a> prüfen, wenn dann aber zuerst nach installierbare Webanwendungen.</p> - <div class="note"> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <strong><span id="Dst[0][0:3:0:6]">Hinweis</span></strong><span>:</span><span> </span><span id="Dst[0][6:16:9:22]">Installierbare</span><span> </span><span id="Dst[0][18:21:24:29]">offene</span><span> </span><span id="Dst[0][23:25:31:33]">Web</span><span>-</span><span id="Dst[0][27:30:35:45]">Anwendungen</span><span> </span><span id="Dst[0][32:35:47:51]">haben</span><span> </span><span id="Dst[0][37:37:53:56]">eine</span><span> </span><span id="Dst[0][63:77:58:78]">Sicherheitsrichtlinie</span><span> </span><span id="Dst[0][39:45:80:88]">"einzelne</span><span> </span><span id="Dst[0][47:49:90:92]">app</span><span> </span><span id="Dst[0][51:53:94:96]">pro</span><span> </span><span id="Dst[0][55:60:98:106]">Herkunft"</span><span id="Dst[0][78:78:107:107]">;</span><span> </span><span id="Dst[0][80:88:109:121]">Grundsätzlich</span><span> </span><span id="Dst[0][95:99:123:134]">können Sie nicht</span><span> </span><span id="Dst[0][106:109:140:143]">mehr</span><span> </span><span id="Dst[0][111:114:145:147]">als</span><span> </span><span id="Dst[0][116:118:149:152]">eine</span><span> </span><span id="Dst[0][120:130:154:167]">installierbare</span><span> </span><span id="Dst[0][132:134:169:171]">app</span><span> </span><span id="Dst[0][136:138:173:175]">pro</span><span> </span><span id="Dst[0][140:145:177:184]">Herkunft</span><span> </span><span id="Dst[0][101:104:186:191]">hosten</span><span>.</span><span> </span><span id="Dst[0][148:151:194:197]">Dies</span><span> </span><span id="Dst[0][153:157:199:209]">vereinfacht</span><span> das </span><span id="Dst[0][159:165:215:220]">Testen</span><span> </span><span id="Dst[0][167:167:222:224]">ein</span><span> </span><span id="Dst[0][169:171:226:230]">wenig</span><span> </span><span id="Dst[0][173:183:232:244]">komplizierter</span><span>,</span><span> </span><span id="Dst[0][186:188:247:250]">aber</span><span> es </span><span id="Dst[0][190:198:252:255]">gibt</span><span> </span><span id="Dst[0][200:204:260:263]">noch</span><span> </span><span id="Dst[0][206:209:265:268]">Wege</span><span>, </span><span id="Dst[0][211:216:271:272]">um</span><span> </span><span id="Dst[0][218:221:274:279]">dieses</span><span>,</span><span> </span><span id="Dst[0][224:230:282:284]">wie</span><span> das </span><span id="Dst[0][232:239:290:302]">Erstellen von</span><span> </span><span id="Dst[0][241:261:304:327]">verschiedenen Subdomains</span><span> </span><span id="Dst[0][263:265:329:331]">für</span><span> </span><span id="Dst[0][267:270:333:336]">apps</span><span>,</span><span> </span><span id="Dst[0][273:279:339:344]">testen</span><span> </span><span id="Dst[0][281:284:346:348]">sie</span><span> </span><span id="Dst[0][286:290:350:352]">mit</span><span> </span><span id="Dst[0][292:294:354:356]">der</span><span> </span><span id="Dst[0][296:302:358:364]">Firefox</span><span>-</span><span id="Dst[0][304:305:366:367]">OS</span><span>-</span><span id="Dst[0][307:315:369:377]">Simulator</span><span>,</span><span> </span><span id="Dst[0][318:319:380:383]">oder</span><span> </span><span id="Dst[0][321:327:385:390]">testen</span><span> </span><span id="Dst[0][329:331:392:394]">die</span><span> </span><span id="Dst[0][333:339:396:402]">Install</span><span>-</span><span id="Dst[0][341:353:404:417]">Funktionalität</span><span> </span><span id="Dst[0][355:356:419:421]">auf</span><span> </span><span id="Dst[0][358:364:423:429]">Firefox</span><span> </span><span id="Dst[0][366:380:431:448]">Aurora/nächtliche,</span><span> </span><span id="Dst[0][382:386:450:456]">welches</span><span> </span><span id="Dst[0][395:397:458:462]">Ihnen</span><span> </span><span id="Dst[0][388:393:464:470]">erlaubt</span><span> </span><span id="Dst[0][399:400:472:473]">zu</span><span> </span><span id="Dst[0][410:420:475:488]">installierbare</span><span> </span><span id="Dst[0][422:429:490:503]">Webanwendungen</span><span> </span><span id="Dst[0][431:432:505:507]">auf</span><span> </span><span id="Dst[0][434:436:509:511]">dem</span><span> </span><span id="Dst[0][438:444:513:519]">Desktop</span><span> zu </span><span id="Dst[0][402:408:524:535]">installieren</span><span>.</span><span> </span><span id="Dst[0][447:449:538:542]">Siehe</span><span> </span><a href="/en-US/docs/Web/Apps/FAQs/About_app_manifests"><span id="Dst[0][451:454:544:547]">FAQs</span><span> </span><span id="Dst[0][456:460:549:552]">über</span><span> </span><span id="Dst[0][462:465:554:557]">apps</span><span> </span><span id="Dst[0][467:475:559:567]">Manifeste</span></a><span> </span><span id="Dst[0][477:479:569:571]">für</span><span> </span><span id="Dst[0][481:484:573:579]">weitere</span><span> </span><span id="Dst[0][486:496:581:593]">Informationen</span><span> </span><span id="Dst[0][498:499:595:597]">zur</span><span> </span><span id="Dst[0][501:507:599:606]">Herkunft</span><span>.</span></div> - </div> - </div> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <h3 id="div[0]" name="div[0]"><span id="Dst[0][0:4:0:4]">WebRT</span><span> </span><span id="Dst[0][6:9:6:9]">APIs</span><span> </span><span id="Dst[0][11:28:11:11]">(</span><span id="Dst[0][30:34:12:15]">APIs</span><span> auf der </span><span id="Dst[0][11:28:25:33]">Grundlage</span><span> von </span><span id="Dst[0][11:28:39:52]">Berechtigungen</span><span id="Dst[0][30:34:53:53]">)</span></h3> - </div> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:4:0:1]">Es</span><span> </span><span id="Dst[0][6:8:3:6]">gibt</span><span> </span><span id="Dst[0][10:10:8:11]">eine</span><span> </span><span id="Dst[0][12:17:13:17]">Reihe</span><span> </span><span id="Dst[0][19:20:19:21]">von</span><span> </span><span id="Dst[0][22:28:23:29]">WebAPIs</span><span id="Dst[0][30:33:30:34]">, </span><span id="Dst[0][49:51:43:46]">aber</span><span> die </span><span id="Dst[0][53:59:48:56]">benötigen</span><span> </span><span id="Dst[0][61:71:58:71]">spezielle Berechtigungen</span><span> </span><span id="Dst[0][73:75:73:75]">für</span><span> </span><span id="Dst[0][77:80:77:82]">dieses</span><span> </span><span id="Dst[0][91:97:94:100]">Feature</span><span> </span><span id="Dst[0][105:111:102:110]">aktiviert</span><span> </span><span id="Dst[0][102:103:112:117]">werden</span><span>.</span><span> </span><span id="Dst[0][114:117:120:123]">Apps</span><span> </span><span id="Dst[0][119:121:125:130]">können</span><span> </span><span id="Dst[0][123:130:132:143]">registrieren</span><span> </span><span id="Dst[0][132:150:145:170]">Berechtigungsanforderungen</span><span> </span><span id="Dst[0][152:157:172:180]">innerhalb</span><span> </span><span id="Dst[0][159:161:182:184]">der</span><span> </span><code><span id="Dst[0][163:177:186:200]">manifest.webapp</span></code><span>-</span><span id="Dst[0][179:182:202:206]">Datei</span><span> </span><span id="Dst[0][184:187:208:210]">wie</span><span> </span><span id="Dst[0][189:190:212:216]">folgt</span><span>:</span></div> - <div> - </div> - </div> - <pre class="brush: js">// Neuer Key im Manifest : "permissions" -// Anforderung der Zugriffe auf eine belibige Anzahl von APIs -// Hier bitten wir um die berechtigung für die SystemXHR API -"permissions": { - "systemXHR": {} -}</pre> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:2:0:2]">Die</span><span> </span><span id="Dst[0][4:8:4:7]">drei</span><span> </span><span id="Dst[0][10:15:9:14]">Stufen</span><span> </span><span id="Dst[0][17:18:16:18]">der</span><span> </span><span id="Dst[0][20:29:20:31]">Berechtigung</span><span> </span><span id="Dst[0][31:33:33:36]">sind</span><span> </span><span id="Dst[0][35:36:38:40]">wie</span><span> </span><span id="Dst[0][38:44:42:46]">folgt</span><span>:</span></div> - <div> - </div> - </div> - <ul> - <li> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:5:0:5]">Normal</span><span> </span><span id="Dst[0][7:7:7:7]">—</span><span> </span><span id="Dst[0][9:12:9:12]">APIs</span><span id="Dst[0][14:17:13:17]">, die</span><span> </span><span id="Dst[0][30:32:19:22]">jede</span><span> </span><span id="Dst[0][34:37:24:26]">Art</span><span> </span><span id="Dst[0][39:40:28:30]">von</span><span> </span><span id="Dst[0][42:48:32:41]">speziellen</span><span> </span><span id="Dst[0][50:67:43:64]">Zugriffsberechtigungen</span><span> </span><span id="Dst[0][19:23:66:70]">nicht</span><span> </span><span id="Dst[0][25:28:72:79]">brauchen</span><span>.</span></div> - </div> - </li> - <li> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:9:0:12]">Privilegierte</span><span> </span><span id="Dst[0][11:11:14:14]">—</span><span> </span><span id="Dst[0][13:16:16:19]">APIs</span><span> </span><span id="Dst[0][28:29:21:23]">für</span><span> </span><span id="Dst[0][31:40:25:34]">Entwickler</span><span> </span><span id="Dst[0][49:50:36:37]">in</span><span> </span><span id="Dst[0][52:56:39:43]">ihren</span><span> </span><span id="Dst[0][58:69:45:55]">Anwendungen</span><span> zu </span><span id="Dst[0][45:47:60:68]">verwenden</span><span>, </span><span id="Dst[0][72:81:71:77]">solange</span><span> </span><span id="Dst[0][83:86:79:81]">sie</span><span> </span><span id="Dst[0][111:112:83:84]">in</span><span> </span><span id="Dst[0][114:116:86:88]">der</span><span> </span><span id="Dst[0][118:120:90:92]">app</span><span> Zugriffsberechtigungen </span><span id="Dst[0][18:26:117:125]">verfügbar</span><span> </span><span id="Dst[0][122:135:127:141]">Manifestdateien</span><span> </span><span id="Dst[0][138:140:143:145]">und</span><span> </span><span id="Dst[0][142:151:147:155]">verteilen</span><span> </span><span id="Dst[0][153:156:157:161]">diese</span><span> </span><span id="Dst[0][158:164:163:167]">durch</span><span> </span><span id="Dst[0][166:166:169:172]">eine</span><span> </span><span id="Dst[0][168:174:174:190]">vertrauenswürdige</span><span> </span><span id="Dst[0][176:181:192:197]">Quelle</span><span>.</span></div> - </div> - </li> - <li> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span class="dhighlight" id="Dst[0][0:8:0:12]">Zertifizierte</span><span> </span><span id="Dst[0][10:10:14:14]">—</span><span> </span><span id="Dst[0][12:15:16:19]">APIs</span><span id="Dst[0][17:20:20:24]">, die</span><span> </span><span id="Dst[0][30:37:26:33]">wichtige</span><span> </span><span id="Dst[0][39:47:35:44]">Funktionen</span><span> </span><span id="Dst[0][49:50:46:48]">auf</span><span> </span><span id="Dst[0][52:52:50:54]">einem</span><span> </span><span id="Dst[0][54:59:56:60]">Gerät</span><span>,</span><span> </span><span id="Dst[0][62:68:63:65]">wie</span><span> </span><span id="Dst[0][70:72:67:69]">den</span><span> </span><span id="Dst[0][74:77:71:76]">Aufruf</span><span>-</span><span id="Dst[0][79:84:78:83]">Dialer</span><span> </span><span id="Dst[0][86:88:85:87]">und</span><span> </span><span id="Dst[0][90:98:89:97]">messaging</span><span>-</span><span id="Dst[0][100:107:99:105]">Dienste</span><span> zu </span><span id="Dst[0][22:28:110:116]">steuern</span><span>.</span><span> </span><span id="Dst[0][110:114:119:123]">Diese</span><span> </span><span id="Dst[0][116:118:125:128]">sind</span><span> in der </span><span id="Dst[0][120:128:137:141]">Regel</span><span> </span><span id="Dst[0][130:132:143:147]">nicht</span><span> </span><span id="Dst[0][134:142:149:157]">verfügbar</span><span> </span><span id="Dst[0][144:146:159:161]">für</span><span> </span><span id="Dst[0][148:169:163:177]">Drittentwickler</span><span>.</span></div> - </div> - </li> - </ul> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][4:7:0:6]">Weitere</span><span> </span><span id="Dst[0][9:19:8:20]">Informationen</span><span> </span><span id="Dst[0][21:22:22:23]">zu</span><span> </span><span id="Dst[0][24:26:25:27]">app</span><span>-</span><span id="Dst[0][28:44:29:47]">Berechtigungsstufen</span>,<a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Packaged_apps#Types_of_packaged_apps"><span id="Dst[0][5:9:0:4]"> Arten</span><span> </span><span id="Dst[0][11:12:6:8]">von</span><span> </span><span id="Dst[0][14:21:10:19]">verpackten</span><span> </span><span id="Dst[0][23:26:21:24]">apps</span></a><span> </span><span id="Dst[0][0:3:26:30]">lesen</span>.<span id="Dst[0][0:2:0:2]"> Sie</span><span> </span><span id="Dst[0][4:11:4:9]">finden</span><span> </span><span id="Dst[0][17:20:11:17]">weitere</span><span> </span><span id="Dst[0][22:32:19:31]">Informationen</span><span> </span><span id="Dst[0][34:38:33:36]">über</span><span> </span><span id="Dst[0][58:68:60:73]">Berechtigungen</span><span id="Dst[0][45:48:45:48]"> welche APIs</span><span> </span><span id="Dst[0][50:56:50:58]">erfordern</span><span> </span><span>,</span><span> </span><span id="Dst[0][71:73:76:78]">und</span><span> </span><span id="Dst[0][75:78:80:85]">welche</span><span> </span><span id="Dst[0][80:90:87:100]">Berechtigungen</span><span> </span><span id="Dst[0][92:94:102:105]">sind</span><span> </span><span id="Dst[0][96:103:107:118]">erforderlich</span><span>,</span><span> </span><span id="Dst[0][106:107:121:122]">um</span><span> </span><a href="/en-US/docs/Web/Apps/App_permissions"><span id="Dst[0][109:111:124:126]">App</span><span>-</span><span id="Dst[0][113:123:128:141]">Berechtigungen</span></a><span>.</span></div> - <div> - </div> - </div> - <div class="note"> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:3:0:5]">Es ist</span><span> </span><span id="Dst[0][5:13:7:13]">wichtig</span><span> </span><span id="Dst[0][15:16:15:16]">zu</span><span> </span><span id="Dst[0][18:21:18:25]">beachten</span><span id="Dst[0][23:26:26:31]">, dass</span><span> </span><span id="Dst[0][28:30:33:37]">nicht</span><span> </span><span id="Dst[0][32:34:39:42]">alle</span><span> </span><span id="Dst[0][36:38:44:46]">Web</span><span>-</span><span id="Dst[0][40:43:48:51]">APIs</span><span> </span><span id="Dst[0][67:72:53:54]">in</span><span> </span><span id="Dst[0][74:76:56:58]">der</span><span> </span><span id="Dst[0][78:84:60:66]">Firefox</span><span>-</span><span id="Dst[0][86:87:68:69]">OS</span><span>-</span><span id="Dst[0][89:97:71:79]">Simulator</span><span> </span><span id="Dst[0][55:65:81:89]">umgesetzt</span><span> </span><span id="Dst[0][50:53:91:96]">werden</span><span>.</span></div> - </div> - </div> - <h2 id="Tools_Testen">Tools & Testen</h2> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:6:0:5]">Testen</span><span> </span><span id="Dst[0][8:9:7:9]">ist</span><span> </span><span id="Dst[0][11:20:11:21]">unglaublich</span><span> </span><span id="Dst[0][22:30:23:29]">wichtig</span><span>, </span><span id="Dst[0][32:35:32:35]">wenn</span><span> </span><span id="Dst[0][48:53:37:42]">mobile</span><span> </span><span id="Dst[0][55:61:44:49]">Geräte</span><span> </span><span id="Dst[0][37:46:51:61]">unterstützt</span><span>.</span><span> </span><span id="Dst[0][64:68:64:65]">Es</span><span> </span><span id="Dst[0][70:72:67:70]">gibt</span><span> </span><span id="Dst[0][74:77:72:76]">viele</span><span> </span><span id="Dst[0][79:85:78:85]">Optionen</span><span> </span><span id="Dst[0][87:89:87:89]">zum</span><span> </span><span id="Dst[0][91:97:91:96]">Testen</span><span> von </span><span id="Dst[0][99:109:102:116]">installierbaren</span><span> </span><span id="Dst[0][111:114:118:121]">open</span><span>-</span><span id="Dst[0][116:118:123:125]">Web</span><span>-</span><span id="Dst[0][120:123:127:130]">apps</span><span>.</span></div> - <div> - </div> - </div> - <h3 id="Firefox_OS_Simulator">Firefox OS Simulator</h3> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:9:0:11]">Installation</span><span> </span><span id="Dst[0][11:13:13:15]">und</span><span> </span><span id="Dst[0][15:19:17:26]">Verwendung</span><span> </span><span id="Dst[0][21:23:28:30]">der</span><span> </span><a href="https://marketplace.firefox.com/developers/docs/firefox_os_simulator"><span id="Dst[0][25:31:32:38]">Firefox</span><span>-</span><span id="Dst[0][33:34:40:41]">OS</span><span>-</span><span id="Dst[0][36:44:43:51]">Simulator</span></a><span> </span><span id="Dst[0][46:47:53:55]">ist</span><span> </span><span id="Dst[0][49:51:57:59]">der</span><span> </span><span id="Dst[0][53:59:61:70]">einfachste</span><span> </span><span id="Dst[0][61:63:72:74]">Weg</span><span> </span><span id="Dst[0][65:66:76:78]">zum</span><span> </span><span id="Dst[0][68:73:80:88]">aufstehen</span><span> </span><span id="Dst[0][75:77:90:92]">und</span><span> </span><span id="Dst[0][79:85:94:99]">laufen</span><span> </span><span id="Dst[0][87:90:101:103]">mit</span><span> </span><span id="Dst[0][92:95:105:109]">Ihrer</span><span> </span><span id="Dst[0][97:100:111:113]">app</span><span>. </span><span id="Dst[0][102:106:116:119]">Nach</span><span> der </span><span id="Dst[0][108:118:125:136]">Installation</span><span> </span><span id="Dst[0][120:122:138:140]">des</span><span> </span><span id="Dst[0][124:132:142:151]">Simulators</span><span> </span><span id="Dst[0][138:139:153:155]">ist</span><span> </span><span id="Dst[0][135:136:157:158]">es</span><span> </span><span id="Dst[0][152:155:160:162]">aus</span><span> </span><span id="Dst[0][157:159:164:166]">dem</span><span> </span><span id="Dst[0][161:165:168:172]">Tools</span><span id="Dst[0][167:168:173:174]">-></span><span> </span><span id="Dst[0][170:172:176:178]">Web</span><span> </span><span id="Dst[0][174:182:180:188]">Developer</span><span id="Dst[0][184:185:189:190]">-></span><span> </span><span id="Dst[0][187:193:192:198]">Firefox</span><span>-</span><span id="Dst[0][195:196:200:201]">OS</span><span>-</span><span id="Dst[0][198:206:203:211]">Simulator</span><span>-</span><span id="Dst[0][208:211:213:216]">Menü</span><span> </span><span id="Dst[0][141:150:218:227]">zugänglich</span><span>.</span><span> </span><span id="Dst[0][214:216:230:232]">Der</span><span> </span><span id="Dst[0][218:226:234:242]">Simulator</span><span> </span><span id="Dst[0][228:235:244:250]">startet</span><span> </span><span id="Dst[0][237:240:252:254]">mit</span><span> </span><span id="Dst[0][242:242:256:260]">einer</span><span> </span><span id="Dst[0][244:253:262:271]">JavaScript</span><span>-</span><span id="Dst[0][255:261:273:279]">Konsole</span><span>, </span><span id="Dst[0][263:264:282:286]">damit</span><span> </span><span id="Dst[0][266:268:288:290]">Sie</span><span> </span><span id="Dst[0][280:283:292:295]">Ihre</span><span> </span><span id="Dst[0][285:295:297:305]">Anwendung</span><span> </span><span id="Dst[0][302:307:307:308]">in</span><span> </span><span id="Dst[0][309:311:310:312]">den</span><span> </span><span id="Dst[0][313:321:314:322]">Simulator</span><span> </span><span id="Dst[0][274:278:324:331]">Debuggen</span><span> </span><span id="Dst[0][270:272:333:338]">können</span><span>.</span></div> - <div> - </div> - </div> - <h3 id="App_Manager">App Manager</h3> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:2:0:2]">Das</span><span> </span><span id="Dst[0][4:6:4:7]">neue</span><span> </span><span id="Dst[0][8:10:9:12]">Kind</span><span> </span><span id="Dst[0][12:13:14:16]">auf</span><span> </span><span id="Dst[0][15:17:18:20]">den</span><span> </span><span id="Dst[0][19:23:22:26]">Block</span><span> </span><span id="Dst[0][25:39:28:42]">im Hinblick auf</span><span> die </span><span id="Dst[0][41:53:48:56]">Testtools</span><span> </span><span id="Dst[0][55:63:58:62]">nennt</span><span> man </span><span id="Dst[0][65:67:68:70]">den</span><span> </span><a href="/en-US/docs/Mozilla/Firefox_OS/Using_the_App_Manager"><span id="Dst[0][69:71:72:74]">App</span><span>-</span><span id="Dst[0][73:79:76:82]">Manager</span></a><span>.</span><span> Mit </span><span id="Dst[0][82:85:89:94]">diesem</span><span> </span><span id="Dst[0][87:90:96:99]">Tool</span><span> </span><span id="Dst[0][92:97:101:106]">können</span><span> </span><span id="Dst[0][99:101:108:110]">Sie</span><span> </span><span id="Dst[0][106:112:112:121]">Verbindung</span><span> mit </span><span id="Dst[0][133:133:127:131]">einem</span><span> </span><span id="Dst[0][135:144:133:143]">kompatiblen</span><span> </span><span id="Dst[0][146:151:145:149]">Gerät</span><span> </span><span id="Dst[0][153:155:151:154]">über</span><span> </span><span id="Dst[0][157:159:156:158]">USB</span><span> </span><span id="Dst[0][161:163:160:164]">(oder</span><span> </span><span id="Dst[0][165:165:166:168]">ein</span><span> </span><span id="Dst[0][167:173:170:176]">Firefox</span><span>-</span><span id="Dst[0][175:176:178:179]">OS</span><span>-</span><span id="Dst[0][178:188:181:190]">Simulator)</span><span> </span><span id="Dst[0][114:120:192:198]">desktop</span><span> </span><span id="Dst[0][122:128:200:206]">Firefox</span><span>,</span><span> </span><span id="Dst[0][195:198:209:212]">apps</span><span> </span><span id="Dst[0][200:207:214:219]">direkt</span><span> </span><span id="Dst[0][209:210:221:223]">auf</span><span> </span><span id="Dst[0][212:214:225:227]">das</span><span> </span><span id="Dst[0][216:221:229:233]">Gerät</span><span> </span><span id="Dst[0][190:193:235:242]">schieben</span><span>,</span><span> </span><span id="Dst[0][233:236:245:248]">apps</span><span> zu </span><span id="Dst[0][224:231:253:262]">validieren</span><span> </span><span id="Dst[0][239:241:264:266]">und</span><span> </span><span id="Dst[0][243:247:268:275]">Debuggen</span><span> </span><span id="Dst[0][249:252:277:279]">sie</span><span>, </span><span id="Dst[0][254:255:282:284]">wie</span><span> </span><span id="Dst[0][257:260:286:288]">sie</span><span> </span><span id="Dst[0][266:267:290:292]">auf</span><span> </span><span id="Dst[0][269:271:294:296]">dem</span><span> </span><span id="Dst[0][273:278:298:302]">Gerät</span><span> </span><span id="Dst[0][262:264:304:313]">ausgeführt</span><span>.</span></div> - <div> - </div> - </div> - <h3 id="Unit_Tests">Unit Tests</h3> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:3:0:3]">Unit</span><span>-</span><span id="Dst[0][5:9:5:9]">Tests</span><span> </span><span id="Dst[0][11:13:11:14]">sind</span><span> </span><span id="Dst[0][15:23:16:19]">sehr</span><span> </span><span id="Dst[0][25:32:21:28]">wertvoll</span><span>, </span><span id="Dst[0][34:37:31:34]">wenn</span><span> Sie </span><span id="Dst[0][47:48:40:42]">auf</span><span> </span><span id="Dst[0][50:58:44:56]">verschiedenen</span><span> </span><span id="Dst[0][60:66:58:64]">Geräten</span><span> zu </span><span id="Dst[0][39:45:69:74]">testen</span><span> </span><span id="Dst[0][68:70:76:78]">und</span><span> </span><span id="Dst[0][72:77:80:83]">baut</span><span>.</span><span> </span><span id="Dst[0][80:87:86:93]">jQuery's</span><span> </span><a href="http://qunitjs.com"><span id="Dst[0][89:93:95:99]">QUnit</span></a><span> </span><span id="Dst[0][95:96:101:103]">ist</span><span> </span><span id="Dst[0][98:98:105:108]">eine</span><span> </span><span id="Dst[0][100:106:110:117]">beliebte</span><span> </span><span id="Dst[0][108:118:119:132]">Client-seitige</span><span> </span><span id="Dst[0][128:134:134:147]">Dienstprogramm</span><span> zum </span><span id="Dst[0][120:126:153:158]">Testen</span><span>,</span><span> </span><span id="Dst[0][137:139:161:164]">aber</span><span> </span><span id="Dst[0][145:151:166:171]">können</span><span> </span><span id="Dst[0][141:143:173:175]">Sie</span><span> </span><span id="Dst[0][153:155:177:192]">einen beliebigen</span><span> </span><span id="Dst[0][157:159:194:197]">Satz</span><span> </span><span id="Dst[0][161:162:199:201]">von</span><span> </span><span id="Dst[0][164:176:203:211]">Testtools</span><span id="Dst[0][178:182:212:220]">, die Sie</span><span> </span><span id="Dst[0][178:182:222:228]">möchten</span><span>.</span></div> - <div> - </div> - </div> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <h3 id="div[0]" name="div[0]"><span id="Dst[0][11:17:0:6]">Firefox</span><span> </span><span id="Dst[0][19:20:8:9]">OS</span><span> </span><span id="Dst[0][22:23:11:13]">auf</span><span> </span><span id="Dst[0][25:25:15:19]">einem</span><span> </span><span id="Dst[0][27:32:21:25]">Gerät</span><span> </span><span id="Dst[0][0:9:27:38]">installieren</span></h3> - </div> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:4:0:1]">Da</span><span> </span><span id="Dst[0][6:12:3:9]">Firefox</span><span>-</span><span id="Dst[0][14:15:11:12]">OS</span><span> </span><span id="Dst[0][20:21:14:16]">ein</span><span> </span><span id="Dst[0][23:26:18:21]">open</span><span>-</span><span id="Dst[0][28:33:23:28]">Source</span><span>-</span><span id="Dst[0][35:42:30:38]">Plattform</span><span> ist </span><span id="Dst[0][60:62:44:47]">sind</span><span> </span><span id="Dst[0][45:48:49:52]">Code</span><span> </span><span id="Dst[0][50:52:54:56]">und</span><span> </span><span id="Dst[0][54:58:58:62]">Tools</span><span> </span><span id="Dst[0][77:81:64:72]">Erstellen</span><span> </span><span id="Dst[0][83:85:74:76]">und</span><span> </span><span id="Dst[0][87:93:78:89]">installieren</span><span> </span><span id="Dst[0][95:101:91:97]">Firefox</span><span>-</span><span id="Dst[0][103:104:99:100]">OS</span><span> </span><span id="Dst[0][106:107:102:104]">auf</span><span> </span><span id="Dst[0][109:112:106:110]">Ihrem</span><span> </span><span id="Dst[0][114:116:112:118]">eigenen</span><span> </span><span id="Dst[0][118:123:120:124]">Gerät</span><span> </span><span id="Dst[0][64:72:126:134]">verfügbar</span><span>.</span><span> </span><span id="Dst[0][126:130:137:141]">Build</span><span> </span><span id="Dst[0][132:134:143:147]">sowie</span><span> </span><span id="Dst[0][136:160:149:172]">Installationsanweisungen</span><span> </span><span id="Dst[0][166:169:174:176]">und</span><span> </span><span id="Dst[0][174:178:178:188]">Anmerkungen</span><span> </span><span id="Dst[0][180:181:190:191]">zu</span><span> </span><span id="Dst[0][183:186:193:199]">welchen</span><span> </span><span id="Dst[0][188:194:201:207]">Geräten</span><span> </span><span id="Dst[0][196:197:209:210]">es</span><span> </span><span id="Dst[0][216:217:212:214]">auf</span><span>,</span><span> </span><span id="Dst[0][206:214:217:227]">installiert</span><span> </span><span id="Dst[0][203:204:229:234]">werden</span><span> </span><span id="Dst[0][199:201:236:239]">kann</span><span> </span><span id="Dst[0][220:222:241:246]">finden</span><span> Sie </span><span id="Dst[0][233:234:252:254]">auf</span><span> </span><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Platform"><span id="Dst[0][236:238:256:258]">MDN</span></a><span>.</span></div> - <div> - </div> - </div> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <span id="Dst[0][0:8:0:8]">Spezielle</span><span> </span><span id="Dst[0][10:16:10:16]">Firefox</span><span>-</span><span id="Dst[0][18:19:18:19]">OS</span><span> </span><span id="Dst[0][21:29:21:30]">Entwickler</span><span> </span><span id="Dst[0][31:37:32:39]">Vorschau</span><span> </span><span id="Dst[0][39:45:41:46]">Geräte</span><span> </span><span id="Dst[0][47:54:48:53]">stehen</span><span> </span><span id="Dst[0][56:64:55:67]">zur Verfügung</span><span>:</span><span> </span><span id="Dst[0][67:70:70:78]">Lesen Sie</span><span> </span><span id="Dst[0][72:74:80:85]">unsere</span><span> </span><a href="https://marketplace.firefox.com/developers/dev_phone"><span id="Dst[0][76:84:87:96]">Entwickler</span><span>-</span><span id="Dst[0][86:92:98:105]">Vorschau</span><span>-</span><span id="Dst[0][94:98:107:113]">Telefon</span><span>-</span><span id="Dst[0][100:103:115:119]">Seite</span><span> </span></a><span id="Dst[0][105:107:121:123]">für</span><span> </span><span id="Dst[0][109:112:125:131]">weitere</span><span> </span><span id="Dst[0][114:124:133:145]">Informationen</span><span>.</span></div> - <div> - </div> - <div> - </div> - </div> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <h2 id="div[0]" name="div[0]"><span id="Dst[0][0:2:0:2]">App</span><span>-</span><span id="Dst[0][4:13:4:13]">einreichen</span><span> </span><span id="Dst[0][15:17:15:17]">und</span><span> </span><span id="Dst[0][19:30:19:28]">Verteilung</span></h2> - </div> - <p>Wenn Ihre app abgeschlossen ist, können Sie es selbst hosten wie eine standard-Website oder app (Lesen Sie <a href="/en-US/docs/Web/Apps/Publishing/Self-publishing_Apps">self-publishing-Anwendungen</a> für weitere Informationen), oder es kann <a href="https://marketplace.firefox.com/developers/submit/app/manifest">eingereicht</a> werden, auf den <a href="https://marketplace.firefox.com">Firefox-Markt</a>. Ihre Anwendung Manifest überprüft werden können Sie wählen, welche Geräte Ihr app unterstützt (z.B. Firefox OS, Desktop, Firefox, Firefox Mobile, Firefox Tablet). Sobald validiert, können die app Liste innerhalb der Marktplatz Sie fügen Sie zusätzliche Informationen über Ihre app (Screenshots, Beschreibungen, Preise, etc.) und offiziell einreichen. Sobald die App genehmigt ist, ist Ihre app der Welt für die Beschaffung und Installation zur Verfügung.</p> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <h3 id="div[0]" name="div[0]"><span id="Dst[0][5:15:5:14]">Marktplatz</span><span> </span><span id="Dst[0][17:17:16:16]">&</span><span id="Dst[0][0:3:0:3]"> Mehr</span><span id="Dst[0][27:37:18:24]"> Angaben</span></h3> - </div> - <ol> - <li><a href="/en-US/docs/Web/Apps/Publishing/Submitting_an_app"><span id="Dst[0][0:9:0:5]">Senden</span><span> Sie </span><span id="Dst[0][11:12:11:14]">eine</span><span> </span><span id="Dst[0][14:16:16:18]">App</span><span> </span><span id="Dst[0][18:19:20:22]">auf</span><span> </span><span id="Dst[0][21:23:24:26]">den</span><span> </span><span id="Dst[0][25:31:28:34]">Firefox</span><span>-</span><span id="Dst[0][33:34:36:37]">OS</span><span>-</span><span id="Dst[0][36:46:39:43]">Markt</span></a><a href="/en-US/docs/Web/Apps/Publishing/Submitting_an_app">z</a></li> - <li><a href="/en-US/docs/Web/Apps/Publishing/Marketplace_review_criteria"><span id="Dst[0][0:10:0:9]">Marktplatz</span><span>-</span><span id="Dst[0][12:26:11:23]">Prüfkriterien</span></a></li> - <li> - <div class="mttextarea" dir="ltr" id="TranslationOutput"> - <div> - <a href="http://s.vid.ly/embeded.html?link=8k2n4w&autoplay=false"><span id="Dst[0][0:2:0:2]">App</span><span>-</span><span id="Dst[0][4:13:4:13]">einreichen</span><span>-</span><span id="Dst[0][15:19:15:19]">Video</span><span>-</span><span id="Dst[0][21:31:21:29]">Anleitung</span></a></div> - </div> - </li> - </ol> - <p> </p> - <p> </p> - <p>Übersetzung bei <strong>Enes E.</strong></p> -</article> diff --git a/files/de/archive/b2g_os/quickstart/einfuerung_zu_firefox_os/index.html b/files/de/archive/b2g_os/quickstart/einfuerung_zu_firefox_os/index.html deleted file mode 100644 index b262d5f208..0000000000 --- a/files/de/archive/b2g_os/quickstart/einfuerung_zu_firefox_os/index.html +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: Einführung zu Firefox OS -slug: Archive/B2G_OS/Quickstart/Einfuerung_zu_Firefox_OS -translation_of: Archive/B2G_OS/Quickstart/Intro_to_Firefox_OS ---- -<div class="summary"> - <p>Firefox OS ist ein neues Mobilbetriebssystem, entwickelt von Mozillas Boot to Gecko (B2G) Projekt. Es besteht aus einem Linux Kernel und bootet als eine auf Gecko basierende Laufzeitumgebung, die es Nutzern ermöglicht Anwendungen, geschrieben in <a href="//developer.mozilla.org/docs/HTML">HTML</a>, <a href="//developer.mozilla.org/docs/JavaScript">JavaScript</a>, und mit anderen offenen APIs für Webanwendungen, auszuführen.</p> -</div> -<p><strong>Firefox OS</strong> (also referred to by its codename "Boot to Gecko" or "B2G") is Mozilla's open source mobile operating system, based a Linux kernel, which boots into a Gecko-based runtime engine that lets users run applications developed entirely using <a href="//developer.mozilla.org/docs/HTML">HTML</a>, <a href="/en-US/docs/Web/CSS">CSS</a>, <a href="//developer.mozilla.org/docs/JavaScript">JavaScript</a>, and open web application APIs. Firefox OS is a mobile operating system that's free from proprietary technology while still a powerful platform that provides application developers an opportunity to create excellent products. In addition, it's flexible and capable enough to make the end user happy.</p> -<p style="width: 480px; margin: 0 auto;"><iframe frameborder="0" height="270" src="https://www.youtube.com/embed/-9vktI70iHc/?feature=player_detailpage" width="480"></iframe></p> -<p>Firefox OS comes with a suite of pre-installed applications called <a href="/en-US/docs/Mozilla/Firefox_OS/Platform/Gaia">Gaia</a>, which handle the fundamental functions of the phone such as settings, calls, SMS, taking and storing photos, etc.</p> -<p>For Web developers, the most important part to understand is that the entire user interface is a Web app, one that is capable of displaying and launching other Web apps. Any modifications you make to the user interface and any applications you create to run on Firefox OS are Web pages, albeit with enhanced access to the mobile device's hardware and services.</p> -<p>Firefox OS is currently under heavy development; we are constantly working on ways to make it easier for you to use and hack on Gaia and create apps. However, you need knowledge about systems in order to do things like build the entire Firefox OS stack, or flash a phone with a build of Firefox OS. To find such information, and lots more besides, head on over to our <a href="/en-US/docs/Mozilla/Firefox_OS">Firefox OS content zone</a>.</p> diff --git a/files/de/archive/b2g_os/quickstart/for_mobile_developers/index.html b/files/de/archive/b2g_os/quickstart/for_mobile_developers/index.html deleted file mode 100644 index e4a00e9335..0000000000 --- a/files/de/archive/b2g_os/quickstart/for_mobile_developers/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: App development for mobile developers -slug: Archive/B2G_OS/Quickstart/For_mobile_developers -translation_of: Archive/B2G_OS/Quickstart/For_mobile_developers ---- -<div class="summary"> - <p>If you are a native mobile platform developer, why should you look into developer open web apps? This article talks you through open web app advantages, and the basic steps required to create one.</p> -</div> -<h2 id="Advantages">Advantages</h2> -<p>For mobile application developers, the open web apps project offers these advantages:</p> -<ul> - <li><strong>Simplicity</strong>: Develop on a single technology stack (HTML5/CSS/JavaScript) and deliver across all platforms, from smartphones to tablets to desktops.</li> - <li><strong>Standards</strong>: The technology stack is defined by standards bodies (W3C and Ecma) that operate in the open, rather than by particular technology or platform vendors.</li> - <li><strong>Freedom</strong>: You're not locked in to a vendor-controlled ecosystem. You can distribute your app through the Firefox Marketplace, your own website, or any other store based on Mozilla's open app store technology.</li> - <li><strong>Reach</strong>: You have the potential to reach Firefox's 450 million desktop users, as well as users of other desktop browsers and mobile users.</li> -</ul> -<h2 id="Steps_to_developing_a_Web_app">Steps to developing a Web app</h2> -<dl> - <dt> - 1. Develop your app using open Web technologies.</dt> - <dd> - You probably already know at least a bit about HTML, CSS, and JavaScript. The <a href="/en-US/learn">Learn</a> section of this website has resources to help you ramp up even more. As a mobile app developer, you already have a <a class="external" href="http://www.lukew.com/ff/entry.asp?933">Mobile First</a> approach to Web design.</dd> - <dt> - 2. Add an <a href="/en-US/docs/Web/Apps/Manifest">app manifest</a>.</dt> - <dd> - All that inherently separates a Web app from a normal website is a single, JSON-format text file.</dd> - <dt> - 3. Publish the app, either on your own site or in an app store (or both).</dt> - <dd> - Publishing it yourself requires <a href="/en-US/docs/Web/Apps/JavaScript_API">adding some code to your site to manage installing and updating the app</a> in users' browsers.</dd> -</dl> -<h2 id="Optional_features">Optional features</h2> -<p>{{ page("/en-US/docs/Web/Apps/For_Web_developers", "Optional_features") }}</p> -<h2 id="Useful_technologies">Useful technologies</h2> -<p>See <a href="/en-US/docs/Web/Apps/For_Web_developers#Useful_technologies">Useful technologies</a>.</p> -<h2 id="See_also">See also</h2> -<ul> - <li><a href="http://smus.com/mobile-web-app-tech-stack">A mobile Web application stack</a></li> - <li><a href="/en-US/docs/Web/Apps/Apps_for_Android">Open Web Apps for Android</a></li> -</ul> diff --git a/files/de/archive/b2g_os/quickstart/index.html b/files/de/archive/b2g_os/quickstart/index.html deleted file mode 100644 index ebe1f7c220..0000000000 --- a/files/de/archive/b2g_os/quickstart/index.html +++ /dev/null @@ -1,49 +0,0 @@ ---- -title: Build -slug: Archive/B2G_OS/Quickstart -tags: - - NeedsTranslation - - TopicStub -translation_of: Archive/B2G_OS/Quickstart ---- -<div class="summary"> - <p>Quickstart information on coding open web apps.</p> -</div> -<dl> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/Intro_to_open_web_apps">Introduction to open web apps</a></dt> - <dd> - What are open web apps? How they differ from regular web pages? Why is this significant? This article aims to answer these questions and more.</dd> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/Your_first_app">Your first app</a></dt> - <dd> - This article takes you through the basic steps and additional knowledge on top of regular web development required to create installable open web apps.</dd> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/Intro_to_Firefox_OS">Introduction to Firefox OS</a></dt> - <dd> - An introduction to Firefox OS, Mozilla's new open web app-based mobile platform.</dd> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/Intro_to_manifests">Introduction to manifests</a></dt> - <dd> - An FAQ designed to answer any questions you may have about manifests, hosting apps, origins, and other such topics.</dd> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/For_Web_developers">App development for web developers</a></dt> - <dd> - If you're a web developer, how do open web apps differ from what you're used to? This article explains all.</dd> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/For_mobile_developers">App development for mobile developers</a></dt> - <dd> - If you're a native mobile application developer, what advantages can open web apps bring to you, and how do they differ from what you are used to? Here are some ideas.</dd> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/Developing_app_functionality">Developing app functionality</a></dt> - <dd> - This page talks about the kinds of different functionality that you might want to build into your apps, with links to further information.</dd> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/Payments">Payments</a></dt> - <dd> - How do you build functionality to make people pay for installing your open web apps? Here is the lowdown.</dd> - <dt> - <a href="/en-US/docs/Web/Apps/Quickstart/Build/App_tools">App tools</a></dt> - <dd> - Last for this section, we provide some links to more information on the tools available to help you develop great open web apps.</dd> -</dl> diff --git a/files/de/archive/b2g_os/quickstart/open_web_apps_and_web_standards/index.html b/files/de/archive/b2g_os/quickstart/open_web_apps_and_web_standards/index.html deleted file mode 100644 index f0767b57ed..0000000000 --- a/files/de/archive/b2g_os/quickstart/open_web_apps_and_web_standards/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: Offene Web Apps und Web Standards -slug: Archive/B2G_OS/Quickstart/Open_Web_apps_and_Web_standards -translation_of: Archive/B2G_OS/Quickstart/Intro_to_open_web_apps ---- -<p><img alt="Multi devices" src="/files/4523/multidevices.png" style="width: 640px; height: 225px;"></p> -<h2 id="Das_Web_ist_die_Plattform">Das Web ist die Plattform</h2> -<p>Open Web Apps are a great opportunity for those who need to develop applications that work on the largest number of devices, and for those who cannot afford to develop an app for every vendor platform (such as Android, iOS, and "classical" desktop web browsers). The difference between an app and a website is that you can install an app and more thoroughly integrate it into your device. It’s not a bookmark — it’s part of a system. Open Web Apps hold that great promise. They are an opportunity that we should not miss, otherwise the Web might become fragmented once more.</p> -<p>With this in mind it should be clear that Open Web Apps (OWA in short) are intended to be standardized and to become part of "the Web". If successful, OWA should eventually work on all browsers, operating systems anddevices.</p> -<p>At Mozilla we are working hard to create this apps platform that is backed entirely by the open Web. It’s not intended to be a “Mozilla platform” or a “Firefox platform”. <strong>The Web is the platform</strong>. We’re creating a set of open APIs and implementations to show how portable apps can exist on the Web without vendor lock-in. Other groups like Facebook and Google Chrome are also working on apps platforms backed by the Web. <a href="https://developers.facebook.com/docs/guides/canvas/">Facebook apps</a> are meant to hook into Facebook and <a href="http://www.google.com/intl/en/chrome/webstore/apps.html">Chrome apps</a> are designed for Chrome OS devices and Google servers. Chrome apps are the most similar to Open Web Apps. We continue to collaborate with the Google Chrome team as app standards evolve and we definitely share a lot of the same vision. There is tremendous potential for all Web based app platforms to converge and we invite all vendors to help us build the right Open Web App APIs.</p> -<p>Even though currently you must have a Mozilla Firefox-based engine ("Web runtime") to use Open Web Apps, it is not intended that this always will be the case. Many parts of the Open Web Apps project are still being worked out and it isn't possible to implement everything in all browsers at once. Although many parts of Open Web Apps are already standardized, many other parts are still in flux. It is intended and hoped that Open Web Apps will be a standard capability that is available in all major browsers.</p> -<p>Therefore, when you read the MDN pages that deal with Open Web Apps, please keep in mind that even though much of the information is specific to Firefox right now, it will hopefully enable you to develop Open Web Apps for all browsers in the future.</p> -<h2 id="Web_standards">Web standards</h2> -<p>OWA technology is not a single piece, it is an umbrella that groups many different technologies and some of them are very young. At the moment, parts of OWA are standardized (HTML5, CSS, JavaScript, IndexedDB, etc.). Other parts are not yet standardized and the Mozilla implementation is thus specific to Firefox or to some other Mozilla technology. As the Mozilla mission is to share and to empower everyone, this situation is only temporary. That's why in the OWA docs we will try to clearly identify the parts of OWA that are not yet standardized.</p> -<p>Please also note that there may be some OWA-related proposals and potential standards that are not used by Mozilla.</p> -<h3 id="Intended_eventual_standards">Intended eventual standards</h3> -<p>So here are the parts not standardized yet across the different Web platforms and that still are Firefox-only for the moment:</p> -<ul> - <li><a href="/en-US/docs/Apps/Manifest">OWA manifest</a> for defining an app</li> - <li><a href="/en-US/docs/Apps/Apps_JavaScript_API">The Complete OWA API</a> for working with apps</li> - <li><a href="https://wiki.mozilla.org/WebAPI">Web APIs</a> to access things like phone, geolocation, etc. Also see <a href="http://arewemobileyet.com/">arewemobileyet.com</a> for a status report.</li> - <li><a href="/en-US/docs/Persona">Identity (Persona)</a> to work with user data</li> - <li><a href="https://wiki.mozilla.org/WebAPI/WebPayment">WebPayment API</a> to facilitate in-app payments and app purchases from any Marketplace</li> - <li><a href="https://wiki.mozilla.org/Apps/WebApplicationReceipt">OWA Receipts</a> to verify paid apps on any device and sell apps from any Marketplace</li> -</ul> -<h3 id="Marketplace">Marketplace</h3> -<h4 id="Buy_Once_Run_Everywhere">Buy Once, Run Everywhere</h4> -<p>From the ground up Mozilla has been building an apps system that lets users buy an app once and run it on all of their HTML5 devices. Very soon Mozilla will <a href="http://bits.blogs.nytimes.com/2012/09/07/a-firefox-smartphone-for-the-poor/">launch the first Firefox OS phone</a> but that will be just one device on which to run your apps. When you purchase an app through the <a href="https://marketplace.firefox.com/">Firefox Marketplace</a>, the system installs a receipt on your device. The <a href="https://wiki.mozilla.org/Apps/WebApplicationReceipt">receipt</a> is a JSON Web Token with metadata that links to the Marketplace’s public key and its verification service URL. When an app starts up it can verify the receipt but the receipt on the device <em>is not tied</em> to the Firefox Marketplace. The receipt is just a cryptographically verifiable proof of purchase. Anyone can sell open Web apps if they follow the receipt specs. <strong>When you buy an app, it is intended to be portable across any device that supports the Open Web Apps system.</strong></p> -<p>Mozilla is building the infrastructure needed to run Open Web Apps on any HTML5 device. <a href="http://www.mozilla.org/en-US/firefox/mobile/features/">Firefox for Android</a> will let you install and run apps (you can try it today on the <a href="http://nightly.mozilla.org/">nightly</a> build). Installed app icons go to your home screen just like regular Android apps. You can also install and run Web apps on your Windows, Mac, or Linux desktop using Firefox (this currently works in the <a href="http://nightly.mozilla.org/">nightly</a> build). Currently some version of Firefox is required, but it is intended that the Open Web Apps system will eventually be supported by all major browsers as a set of standards. From day one Mozilla has included all major HTML5 compliant browsers in its proof of concepts; you can take a look at this hosted JavaScript <a href="https://apps.persona.org/include.js">shim</a> for ideas on how to support the apps platform on a non-Firefox browser.</p> -<p>In the future the Open Web Apps system will support <a href="http://docs.services.mozilla.com/aitc/">syncing your installed apps</a> across devices. Since receipts are portable you could just sync them yourself if you wanted to. In case it’s not obvious, you can always run a free open Web app in any browser because it is no different than a website. It might, however, use new <a href="https://wiki.mozilla.org/WebAPI/">mobile specific web APIs</a> which are not implemented on all platforms.</p> -<h3 id="WebPayment_API">WebPayment API</h3> -<h4 id="Commerce_For_Apps">Commerce For Apps</h4> -<p>Part of the success of mobile app platforms like iOS and Android is that they make it very easy to try out new business models through mobile payments. Those models are still evolving but commerce is no doubt something that, at the moment, is awkward on the desktop Web and more natural on mobile. Specifically, it’s very convenient to charge something to your phone bill when you’re already accessing it from your phone anyway. With the launch of Firefox OS, the apps ecosystem will support app purchases and in-app payments through the <a href="https://wiki.mozilla.org/WebAPI/WebPayment" style="">WebPayment API</a>. Supporting commerce is crucial for the growth of an apps platform. <strong>The use of the proposed payment API is completely <em>optional</em></strong>. Mozilla won’t prevent any app from using its own in-app payment system.</p> -<h2 id="See_also">See also</h2> -<ul> - <li><a href="https://blog.mozilla.org/webdev/2012/09/14/apps-the-web-is-the-platform/">Apps: The Web Is The Platform</a>, by Kumar McMillan (the blog post from which lots of the content of this article is borrowed)</li> - <li><a href="https://plus.google.com/113127438179392830442/posts/fR3iiuN4kEF">See the Web platform succeed for applications</a>, by Paul Irish</li> -</ul> |