diff options
Diffstat (limited to 'files/de/plugins/flash-aktivierung_colon__browser-vergleich/index.html')
| -rw-r--r-- | files/de/plugins/flash-aktivierung_colon__browser-vergleich/index.html | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/files/de/plugins/flash-aktivierung_colon__browser-vergleich/index.html b/files/de/plugins/flash-aktivierung_colon__browser-vergleich/index.html new file mode 100644 index 0000000000..a9f1244e75 --- /dev/null +++ b/files/de/plugins/flash-aktivierung_colon__browser-vergleich/index.html @@ -0,0 +1,139 @@ +--- +title: 'Aktivierung von Flash: Vergleich verschiedener Browser' +slug: 'Plugins/Flash-Aktivierung:_Browser-Vergleich' +translation_of: 'Plugins/Flash_Activation:_Browser_Comparison' +--- +<p>Alle wichtigen Browser haben inzwischen eine Funktion implementiert, durch welche Inhalte von Adobe Flash standardmäßig nicht ausgeführt werden, aber in jedem dieser Browser gibt es Unterschiede in Implementierung und Benutzeroberfläche. Diese Anleitung zeigt sowohl die Gemeinsamkeiten als auch die Unterschiede der Browser, damit Webentwickler dem Endnutzer die bestmögliche Erfahrung bieten können. Eine weitere Anleitung unterstützt die Website-Autoren bei der <a href="/en-US/docs/Plugins/Flash_to_HTML5">Migration weg von Flash</a>.</p> + +<p>Die Entscheidung zur Aktivierung von Flash wird in jedem Browser vom Nutzer für jede Website einzeln getroffen. <span id="result_box" lang="de"><span>Wenn eine Website versucht, Flash zu verwenden</span></span>, sieht der Nutzer im Browser eine Anfrage, ob Flash für diese Website aktiviert werden soll. Es sind also keine Erweiterungen zum Blockieren von Flash mehr erforderlich, da diese Funktionalität nun in den Browser integriert ist.</p> + +<table class="fullwidth-table"> + <thead> + <tr> + <td> </td> + <th scope="col">Mozilla Firefox</th> + <th scope="col">Google Chrome</th> + <th scope="col">Microsoft Edge</th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">Name der Einstellung</th> + <td>Nachfragen, ob aktiviert werden soll</td> + <td>standardmäßig HTML5</td> + <td>Click-to-run</td> + </tr> + <tr> + <th scope="row">Standardwert für 'application/x-shockwave-flash' in navigator.mimeTypes, sollte Flash inaktiv sein</th> + <td>ja</td> + <td>nein</td> + <td>nein</td> + </tr> + <tr> + <th scope="row">Wert für 'application/x-shockwave-flash' in navigator.mimeTypes, sollte der Nutzer Flash erlaubt haben</th> + <td>ja</td> + <td>ja</td> + <td>ja</td> + </tr> + <tr> + <th scope="row"><object> mit Ersatzinhalt löst UI aus</th> + <td>ja, mit Ausnahmen</td> + <td>nein</td> + <td>ja</td> + </tr> + <tr> + <th scope="row">kleines/verstecktes Flash löst erweiterte UI aus</th> + <td>ja</td> + <td>nein</td> + <td>nein</td> + </tr> + <tr> + <th scope="row">Durch Erlauben von Flash wird die Seite automatisch neu geladen</th> + <td>nein</td> + <td>ja</td> + <td>ja</td> + </tr> + <tr> + <th scope="row">Andere Funktionen im Zusammenhang mit Flash</th> + <td><a href="/en-US/docs/Plugins/Blocking_By_Domain">Domain Blocking</a></td> + <td><a href="https://sites.google.com/a/chromium.org/dev/flash-roadmap#TOC-Plugin-Power-Savings-Mode-Shipped:-Chrome-42---Sept-2015-">Plugin Power Saver</a></td> + <td><a href="https://blogs.windows.com/msedgedev/2016/04/07/putting-users-in-control-of-flash/#fLGW6bYgr4BpSHIr.97">Peripheral Content Pause</a></td> + </tr> + </tbody> +</table> + +<p>Jeder Browseranbieter hat eine Strategie über die zukünftige Unterstützung von Flash und die Interaktionen der Nutzer mit Flash erstellt. Der <a href="/en-US/docs/Plugins/Roadmap">Plan von Firefox für Flash</a> beinhaltet auch Links zu den Plänen und Informationen anderer Anbieter. </p> + +<h2 id="Vergleich_der_Benutzeroberflächen">Vergleich der Benutzeroberflächen</h2> + +<h3 id="Mozilla_Firefox">Mozilla Firefox</h3> + +<p>Wenn eine Seite versucht, Flash zu nutzen, wird innerhalb dieser Seite eine Aufforderung zur Aktivierung eingeblendet. Außerdem erscheint ein Symbol an der linken Seite der Adressleiste. Der Nutzer kann entweder auf das Flash-Element in der Seite oder auf das Symbol in der Adressleiste klicken, um Flash zu aktivieren.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15127/Firefox-flash-inpage.png" style="height: 389px; width: 673px;"></p> + +<p>Der Nutzer hat die Wahl, ob er Flash nur für die aktuelle Sitzung erlauben möchte, oder ob die Entscheidung für kommende Sitzungen beibehalten werden soll:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15131/Firefox-notification.png" style="height: 199px; width: 426px;"></p> + +<h3 id="Google_Chrome">Google Chrome</h3> + +<p>Die Anzeige wird innerhalb der Seite eingeblendet, wenn diese versucht, Flash zu nutzen. Es wird kein alternativer Inhalt angezeigt.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15141/Chrome-flash-inpage.png" style="height: 412px; width: 635px;"></p> + +<p>Nachdem der Nutzer auf das Plugin-Element geklickt hat, öffnet sich ein Fenster, in dem Flash erlaubt werden kann.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15161/Chrome-flash-prompt.png" style="height: 182px; width: 516px;"></p> + +<p>Sollte die Seite einen alternativen Inhalt für ein object-Element bereitstellen, so zeigt Chrome diesen Inhalt an und fragt nicht, ob Flash aktiviert werden soll. Wenn ein Flash-Element für den Nutzer unsichtbar ist, erhält der Nutzer auch keine sichtbare Aufforderung. Der Nutzer kann aber auf jeder Seite auf das Informationssymbol auf der linken Seite der Adresszeile klicken, um die Seiteninformationen zu öffnen und dort Flash zu erlauben.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15145/Chrome-info-icon.png" style="height: 544px; width: 399px;"></p> + +<h3 id="Microsoft_Edge">Microsoft Edge</h3> + +<p>Die Aufforderung wird innerhalb der Seite angezeigt, wenn diese versucht, Flash zu nutzen. Zusätzlich erscheint ein Symbol auf der rechten Seite der Adressleiste. Der Nutzer kann auf das Flash-Element klicken, um die Aktivierungsoptionen zu sehen.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15135/Edge-flash-inpage.png" style="height: 227px; width: 611px;"></p> + +<p>Der Nutzer hat die Wahl, Flash nur für diese oder für alle weiteren Sitzungen auf dieser Website zu aktivieren:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15139/Edge-flash-inpage.png" style="height: 173px; width: 453px;"></p> + +<h2 id="Tipps_für_Seitenautoren">Tipps für Seitenautoren</h2> + +<p>Wenn Flash-Elemente sehr klein, versteckt oder von anderen Inhalten überdeckt sind, werden Nutzer nicht bemerken, dass Flash für diese Seite benötigt wird und werden verwirrt sein. Sogar wenn das Plugin-Element eigentlich versteckt ist, sollte die Seite es sichtbar darstellen und die Größe erst dann ändern bzw. es verstecken, wenn der Nutzer das Plugin aktiviert hat. Dies kann mithilfe einer JavaScript-Funktion ermöglicht werden, welche beim Aktivieren des Plugins aufgerufen wird.</p> + +<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">pluginCreated</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span> + <span class="comment token">// We don't need to see the plugin, so hide it by resizing</span> + <span class="keyword token">var</span> plugin <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">'myPlugin'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> + plugin<span class="punctuation token">.</span>height <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span> + plugin<span class="punctuation token">.</span>width <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span> + plugin<span class="punctuation token">.</span><span class="function token">callPluginMethod</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span> +<span class="punctuation token">}</span></code></pre> + +<p>Der HTML-Code spezifiziert standardmäßig die Größe eines Flash-Objekts, wodurch es sichtbar wird. Dies kann beispielsweise so realisiert werden:</p> + +<pre class="brush: html line-numbers language-html"><code class="language-html"><span class="comment token"><!-- Give the plugin an initial size so it is visible --></span> +<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>object</span> <span class="attr-name token">type</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>application/x-shockwave-flash<span class="punctuation token">"</span></span> <span class="attr-name token">data</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>myapp.swf<span class="punctuation token">"</span></span> + <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>myPlugin<span class="punctuation token">"</span></span> <span class="attr-name token">width</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>300<span class="punctuation token">"</span></span> <span class="attr-name token">height</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>300<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>param</span> <span class="attr-name token">name</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>callback<span class="punctuation token">"</span></span> <span class="attr-name token">value</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>pluginCreated()<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> +<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>object</span><span class="punctuation token">></span></span></code></pre> + +<p>Der in HTML definierte <code>callback</code> Parameter kann in Flash unter Nutzung seiner <code>flash.external.ExternalInterface</code> API aufgerufen werden.</p> + +<h3 id="Verwenden_eines_Skript-Callbacks_um_festzustellen_ob_ein_Plugin_aktiviert_ist">Verwenden eines Skript-Callbacks, um festzustellen, ob ein Plugin aktiviert ist</h3> + +<p><span id="result_box" lang="de"><span>Ebenso sollte das Skript einer Site nicht versuchen, ein Plugin sofort nach der Erstellung zu skripten.</span></span> Stattdessen sollte das Plugin-Objekt über eine JavaScript-Funktion aufgerufen werden. Diese Funktion kann nun in der Gewissheit, dass alles eingerichtet und fertig ist, den Aufruf in das Plugin erstellen</p> + +<p>Richten Sie zuerst Ihr HTML mit einem Callback ein, welcher die JavaScript-Funktion <code>pluginCreated()</code> aufruft, beispielsweise so:</p> + +<pre class="brush: html line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>object</span> <span class="attr-name token">type</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>application/x-my-plugin<span class="punctuation token">"</span></span> <span class="attr-name token">data</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>somedata.mytype<span class="punctuation token">"</span></span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>myPlugin<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>param</span> <span class="attr-name token">name</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>callback<span class="punctuation token">"</span></span> <span class="attr-name token">value</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>pluginCreated()<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> +<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>object</span><span class="punctuation token">></span></span></code></pre> + +<p>Die Funktion <code>pluginCreated()</code> ist dann für das Einrichten Ihres Skripts und für jeden Aufruf zurück in das Plugin verantwortlich:</p> + +<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">pluginCreated</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span> + document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">'myPlugin'</span><span class="punctuation token">)</span><span class="punctuation token">.</span><span class="function token">callPluginMethod</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span> +<span class="punctuation token">}</span></code></pre> |