aboutsummaryrefslogtreecommitdiff
path: root/files/de/web/api/navigatoronline/online_and_offline_events
diff options
context:
space:
mode:
authorMDN <actions@users.noreply.github.com>2021-07-09 00:38:08 +0000
committerMDN <actions@users.noreply.github.com>2021-07-09 00:38:08 +0000
commit235c34993c7b14f783fc8259cc237ac09f0d3e57 (patch)
tree7bee1bfcdc5216423bb76a12842eb60c169b0b04 /files/de/web/api/navigatoronline/online_and_offline_events
parent635bcdc09c53e3c497a3ff8eb958ca8eb541c7fd (diff)
downloadtranslated-content-235c34993c7b14f783fc8259cc237ac09f0d3e57.tar.gz
translated-content-235c34993c7b14f783fc8259cc237ac09f0d3e57.tar.bz2
translated-content-235c34993c7b14f783fc8259cc237ac09f0d3e57.zip
[CRON] sync translated content
Diffstat (limited to 'files/de/web/api/navigatoronline/online_and_offline_events')
-rw-r--r--files/de/web/api/navigatoronline/online_and_offline_events/index.html120
1 files changed, 0 insertions, 120 deletions
diff --git a/files/de/web/api/navigatoronline/online_and_offline_events/index.html b/files/de/web/api/navigatoronline/online_and_offline_events/index.html
deleted file mode 100644
index 4bceb46e36..0000000000
--- a/files/de/web/api/navigatoronline/online_and_offline_events/index.html
+++ /dev/null
@@ -1,120 +0,0 @@
----
-title: Online- und Offline-Events
-slug: Web/API/NavigatorOnLine/Online_and_offline_events
-translation_of: Web/API/NavigatorOnLine/Online_and_offline_events
----
-<p>Einige Browser implementieren <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#offline">Online-/Offline-Events</a> basierend auf der <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/">WHATWG Web Applications 1.0 specification</a>.</p>
-
-<h2 id="Overview" name="Overview">Übersicht</h2>
-
-<p>Um eine gute offlinefähige Webanwendung erstellen zu können, muss die Anwendung wissen, wann sie offline ist. Zusätzlich muss die Anwendung wissen, wann die Internetverbindung wieder verfügbar ist. Die Voraussetzungen sind also:</p>
-
-<ol>
- <li>die Anwendung erfährt, wann die Verbindung nach einem Verbindungsabbruch wieder besteht, so dass Änderungen mit dem Server abgeglichen werden können</li>
- <li>die Anwendung erfährt, wann die Verbindung abbricht, um so Serveranfragen für später in eine Warteschlange einreihen zu können</li>
-</ol>
-
-<p>Dieser Vorgang trägt dazu bei, Online-/Offline Ereignisse zu trivialisieren.</p>
-
-<p>Oft benötigen Webanwendungen außerdem die Möglichkeit, bestimmte Dokumente im Offline-Cache zu halten. Mehr Informationen darüber gibt es unter <a href="/en/Offline_resources_in_Firefox" title="en/Offline_resources_in_Firefox">Offline resources in Firefox</a>.</p>
-
-<h2 id="API" name="API">API</h2>
-
-<h3 id="navigator.onLine" name="navigator.onLine"><code>navigator.onLine</code></h3>
-
-<p><code><a href="/en/DOM/window.navigator.onLine" title="en/DOM/window.navigator.onLine">navigator.onLine</a></code> ist eine Eigenschaft mit boole'schem Wert (<code>true</code> für online, <code>false</code> für offline). Sie aktualisiert sich, sobald der Benutzer in den Offline-Modus wechselt, indem der entsprechende Menü-Eintrag angewählt wird (in Firefox: Datei -&gt; Offline-Modus).</p>
-
-<p>Die Eigenschaft aktualisiert sich außerdem, sobald der Browser nicht mehr in der Lage ist, eine Verbindung herzustellen. Gemäß der Spezifikation:</p>
-
-<blockquote cite="http://www.whatwg.org/specs/web-apps/current-work/#offline">The <code>navigator.onLine</code> attribute must return false if the user agent will not contact the network when the user follows links or when a script requests a remote page (or knows that such an attempt would fail)...</blockquote>
-
-<p>Firefox 2 aktualisiert diese Eigenschaft beim Wechseln in den Offline-Modus und zurück, sowie beim Abbruch/Wiederaufbau der Netzwerkverbindung in Windows und Linux.</p>
-
-<p>Diese Eigenschaft existierte bereits in älteren Versionen von Firefox und Internet Explorer (die Spezifikation selbst basiert auf den vorherigen Implementierungen), sodass man sie schon jetzt einsetzen kann. Die Autoerkennung der Konnektivität wurde in Firefox 2 implementiert.</p>
-
-<h3 id=".22online.22_and_.22offline.22_events" name=".22online.22_and_.22offline.22_events">"<code>online</code>" und "<code>offline</code>" Events</h3>
-
-<p>Mit <a href="/en/Firefox_3_for_developers" title="en/Firefox_3_for_developers">Firefox 3</a> gibt es 2 neue Events: "<a href="/en-US/docs/Web/API/document.ononline"><code>online</code></a>" und "<a href="/en-US/docs/Web/API/document.onoffline"><code>offline</code></a>". Diese werden auf dem <code>&lt;body&gt;</code> jeder Sete ausgelöst, wenn der Browser zwischen Online- und Offline-Modus wechselt. Zusätzlich steigen die Events auf von <code>document.body</code>, zu <code>document</code>, und letztlich zu <code>window</code>. Beide können nicht unterbunden werden (man kann den Benutzer nicht daran hindern, online oder offline zu gehen).</p>
-
-<p>Die Events können auf bekannte Art und Weise registriert werden:</p>
-
-<ul>
- <li>Verwendung von <code><a href="/en/DOM/element.addEventListener" title="en/DOM/element.addEventListener">addEventListener</a> auf</code> <code>window</code>, <code>document</code> oder <code>document.body</code></li>
- <li>
- <p>Zuweisen eines JavaScript <code>Function</code> Objekts auf die Eigenschaften <code>.ononline</code> oder <code>.onoffline</code> von <code>document</code> oder <code>document.body</code> (<strong>Hinweis:</strong> <code>window.ononline</code> oder <code>window.onoffline</code> funktionieren aus Kompatibilitätsgründen nicht.)</p>
- </li>
- <li>
- <p>Angeben der Attribute <code>ononline="..."</code> oder <code>onoffline="..."</code> an dem <code>&lt;body&gt;-T</code>ag im HTML-Code.</p>
- </li>
-</ul>
-
-<h2 id="Example" name="Example">Beispiel</h2>
-
-<p>Es gibt einen <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=220609">einfachen Test</a>, um zu überprüfen, ob die Events funktionieren:</p>
-
-<p>Hier ist der JavaScript-Teil:</p>
-
-<pre class="brush: js">window.addEventListener('load', function() {
- var status = document.getElementById("status");
-
- function updateOnlineStatus(event) {
- var condition = navigator.onLine ? "online" : "offline";
-
- status.className = condition;
- status.innerHTML = condition.toUpperCase();
-
- log.insertAdjacentHTML("beforeend", "Event: " + event.type + "; Status: " + condition);
- }
-
- window.addEventListener('online', updateOnlineStatus);
- window.addEventListener('offline', updateOnlineStatus);
-});</pre>
-
-<p>Ein bißchen CSS:</p>
-
-<pre class="brush: css">#status {
- position : fixed;
- width: 100%;
- font : bold 1em sans-serif;
- color: #FFF:
- padding : 0.5em
-}
-
-#log {
- padding: 2.5em 0.5em 0.5em;
- font: 1em sans-serif;
-}
-
-.online {
- background: green;
-}
-
-.offline {
- background: red;
-}
-</pre>
-
-<p>Und das entsprechende HTML:<span class="comment">XXX When mochitests for this are created, point to those instead and update this example -nickolay</span></p>
-
-<pre class="brush: html">&lt;div id="status"&gt;&lt;/div&gt;
-&lt;div id="log"&gt;&lt;/div&gt;
-&lt;p&gt;This is a test&lt;/p&gt;
-</pre>
-
-<p>Hier ist das Live-Ergebnis:</p>
-
-<p>{{ EmbedLiveSample('Example', '100%', '150') }}</p>
-
-<h2 id="References" name="References">Hinweise</h2>
-
-<p>Wenn die API im Browser nicht implementiert ist, gibt es andere Möglichkeiten herauszufinden, ob der Benutzer offline ist: zum Beispiel durch das Reagieren auf <a class="external" href="http://www.html5rocks.com/en/mobile/workingoffthegrid.html#toc-appcache">AppCache error Ereignissen</a> oder auf<a class="external" href="http://www.html5rocks.com/en/mobile/workingoffthegrid.html#toc-xml-http-request"> Antworten von XMLHttpRequest</a>.</p>
-
-<h2 id="References" name="References">Verweise</h2>
-
-<ul>
- <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#offline">'Online/Offline events' section from the WHATWG Web Applications 1.0 Specification</a></li>
- <li><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=336359">The bug tracking online/offline events implementation in Firefox</a> and a <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=336682">follow-up</a></li>
- <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=220609">A simple test case</a></li>
- <li><a class="external" href="http://ejohn.org/blog/offline-events/">An explanation of Online/Offline events</a></li>
- <li><a class="external" href="http://hacks.mozilla.org/2010/01/offline-web-applications/" title="http://hacks.mozilla.org/2010/01/offline-web-applications/">offline web applications</a> at hacks.mozilla.org - showcases an offline app demo and explains how it works.</li>
-</ul>