Inhaltsverzeichnis:
- Bedenken gegenüber HTML5 und älteren Browsern
- Desktop-Browser-Kompatibilität
- Was tun für Internet Explorer 8 und ältere Versionen
- Kompatibilität mit Tablet- und mobilen Browsern
Video: JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo 2024
Adobe Edge Animate CC funktioniert in allen modernen Browsern - einschließlich der neuesten Versionen von Chrome, Firefox, Opera, Safari und Internet Explorer 9. Es funktioniert auch auf allen Tablets und Smartphones, auf denen moderne Browser installiert sind. Für Zielgruppen, die keine modernen Browser verwenden, bietet Edge Animate eine Fallback-Option, die Sie verwenden können, damit Ihre Animation nicht fehlerhaft angezeigt wird.
Kompatibilität ist wichtig für Webinhalte. Wenn ein Browser Ihren Code nicht unterstützt, funktioniert Ihre Animation nicht. Kein Wunder, dass Adobe Edge Animate CC Code erstellt, der in allen modernen Browsern funktioniert.
Bedenken gegenüber HTML5 und älteren Browsern
Viele Webentwickler befürchten, dass nicht alle Teile von HTML5 mit allen Browsern kompatibel sind. Dies gilt insbesondere für Internet Explorer. Wo viele Funktionen von HTML5 in Browsern wie Chrome und Firefox funktionieren, funktionieren sie nicht immer in Internet Explorer.
Dies lässt viele Webentwickler hinterfragen, wie weit sie mit der Verwendung von HTML5 beginnen sollten. Es ist nicht im besten Interesse eines Webentwicklers, Webseiten zu erstellen, die nicht in allen Browsern funktionieren - aber die Zukunft ist immer noch ein bisschen trübe, und viele Leute sind damit zufrieden, alte Browser zu verwenden.
Adobe hat diese Probleme mit Edge Animate behoben. Sie können sich sicher fühlen, wenn Sie wissen, dass Ihre Edge Animate-Webzusammensetzungen in allen modernen Browsern funktionieren, einschließlich der aktuellen Versionen von Firefox, Chrome, Safari und Internet Explorer 9.
Sie müssen HTML5 nicht kennen oder sogar HTML, um Edge Animate zu verwenden. Aber je mehr Sie wissen, desto besser werden Sie, wenn Sie den Code verwenden müssen, um ihn für die Anzeige zu implementieren. Die Edge Animate-Software erstellt den Code für Sie, während Sie Ihre Webanimation erstellen.
Wenn Sie Ihre Edge Animate-Datei speichern, erstellt die Software mehrere verschiedene Dateien. Eine dieser Dateien hat die. HTML Dateinamenerweiterung. Der HTML5-Code befindet sich innerhalb des. HTML-Datei. Sie können diese Datei mit einem beliebigen Texteditor wie z. B. Notepad anzeigen. Nachdem Sie Ihre Komposition erstellt haben, können Sie die Animation in einem Webbrowser anzeigen - entweder in der Software oder durch Doppelklicken auf die. HTML-Datei, die Ihre Animation in Ihrem Standardbrowser öffnet und abspielt.
Desktop-Browser-Kompatibilität
Die Kompatibilität mit dem Microsoft Internet Explorer-Webbrowser ist ein Problem, mit dem Webentwickler bei der Entwicklung von Websites zu kämpfen haben. Microsoft hat Internet Explorer langsam aktualisiert, um mit HTML5 kompatibel zu sein - und Code, der in Chrome, Safari und Firefox einwandfrei funktioniert, verhält sich in früheren Versionen von Internet Explorer nicht gut.
Wenn Sie beispielsweise einen Rahmen mit abgerundeten Kanten codieren, werden Ihre Ecken in Chrome und Firefox abgerundet dargestellt. Sehen Sie sich diese Site im Internet Explorer an und plötzlich erscheinen Ihre abgerundeten Kanten quadratisch. Probleme wie diese können das Design einer Website ruinieren.
Browser wie Firefox, Chrome, Safari und Opera unterstützen bereits viele Aspekte von HTML5. Es gibt keine Bedenken hinsichtlich der Adobe Edge Animate CC-Kompositionen, die in diesen Browsern perfekt funktionieren. Diese Browser verfügen außerdem über integrierte automatische Updates für ihre Benutzer. Aus diesem Grund können sich Webdesigner und Entwickler sicher sein, dass ihre Benutzer höchstwahrscheinlich die aktuellste Version dieses Browsers verwenden.
Was tun für Internet Explorer 8 und ältere Versionen
In einer idealen Welt würden alle ihre Browser regelmäßig aktualisieren. Leider kann nicht jeder das tun, aus welchem Grund auch immer. Obwohl Internet Explorer 9 die Tür zur HTML5-Kompatibilität geöffnet hat, dh Edge Animate in dieser Version des Browsers funktioniert, haben nicht alle IE-Benutzer ihre Browser aktualisiert.
Es ist immer noch nicht ungewöhnlich für viele IE-Benutzer, die Versionen 7 und 8 zu verwenden - und (zu dem Entsetzen vieler Entwickler) der IE 6 wird immer noch von vielen Leuten benutzt.
Adobe Edge Animate CC-Kompositionen funktionieren nicht in Internet Explorer 8 und älteren Versionen, so wie HTML5 in IE6 nicht funktioniert.
Die gute Nachricht ist jedoch, dass immer mehr Webnutzer ihre Browser aktualisieren und die Nutzung von IE6 langsam schwindet. Trotzdem funktioniert Edge Animate in allen modernen portablen Browsern. Wenn es Ihr Hauptziel ist, animierte Anwendungen für Smartphones und Tablets zu erstellen, haben Sie viel Glück.
Wenn Sie Webanimationen für eine Zielgruppe erstellen, die weiterhin IE8 und ältere Browser verwendet, kann diese lähmende Obsoleszenz bei der Verwendung von Adobe Edge Animate CC von Bedeutung sein. Sagen Sie, dass Sie unzählige Stunden damit verbringen, die perfekte Webanimation zu entwickeln und dann online zu stellen. Sie haben es in Firefox und IE 9 getestet und es funktioniert perfekt.
Dann gehst du durch die Halle, um es deinem Chef zu zeigen - und zu deinem Schrecken funktioniert es nicht, weil dein Chef den IE 6 benutzt. Nun, in der realen Welt gibt es eine gute Chance viele deiner Kunden und Kunden verwenden auch eine frühere IE-Version, die nicht mit Edge Animate kompatibel ist.
Zum Glück haben Sie mit Edge Animate mindestens zwei Optionen: Sie können (a) Google Chrome Frame-Unterstützung verwenden oder (b) Browser-Support verwenden - eine Funktion, die Sie müssen ein Poster (ein statisches Bild) erstellen oder statisches HTML verwenden, um die Animation zu ersetzen - damit Ihre Website nicht "kaputt" aussieht. "Ihr Publikum sieht ein Bild, das so aussieht, wie es aussehen soll, auch wenn es nicht animiert ist.
Google Chrome Frame-Unterstützung
Edge Animate verfügt über eine Funktion, mit der Sie Google Chrome Frame-Unterstützung für Browser verwenden können, die keine Animation unterstützen. Als nächsten Schritt zur Down-Level-Browserunterstützung können Sie Edge Animate-Inhalte veröffentlichen, sodass Ihre Zielgruppe sie mit Google Chrome Frame auf IE 6, 7 oder 8 anzeigen kann.Für Nutzer, die Google Chrome Frame noch nicht haben, können Sie auch die Installationserfahrung steuern.
Edge Animate hat untergeordnete Stufen
Die absteigenden Stufen in Edge Animate sind Versionen der Bühne, mit denen Sie eine untergeordnete Version Ihrer Komposition erstellen und veröffentlichen können. Kompatibel mit Browsern sein, die keine HTML5-Animation unterstützen. Die untergeordneten Stufen bieten nur minimale Erstellungswerkzeuge, aber Sie können
-
Grafiken importieren und Textelemente erstellen.
-
Importieren Sie ein Poster aus der Hauptkomposition.
Grundsätzlich können die Animationen, die Sie online erstellen und platzieren, die von Ihrer Zielgruppe verwendeten Browser erkennen. Wenn der Code feststellt, dass ein nicht kompatibler Browser für Ihre Animation verwendet wird, wird anstelle der Animation ein Posterbild angezeigt. Dadurch wird verhindert, dass Ihre Website beschädigt wird. Anstatt eine Animation zu sehen, die nicht funktioniert, sieht das Publikum ein Poster - einen Standbild -, das Sie aus der Animation erstellen.
Auch hier müssen Sie keinen Code für die Down-Level-Stage-Unterstützung kennen. Obwohl die Codierung für die Browsererkennung schwierig sein kann, verfügt Edge Animate über diese Funktion - und Sie können diese Option auswählen, wenn Sie bereit für die Veröffentlichung sind.
Kompatibilität mit Tablet- und mobilen Browsern
Wenn Adobe Flash nicht funktioniert, funktioniert Adobe Edge Animate CC. Es ist bekannt, dass Apple Adobe Flash-Animationen nicht in seinen tragbaren Geräten verwenden kann - dazu gehören das iPhone, der iPod touch und das iPad. Steve Jobs erklärte vor seinem Tod, dass Flash zu viele Sicherheitslücken und andere negative Aspekte für Apple habe, als dass Flash mit iOS arbeiten könne.
Edge Animate hingegen leidet nicht unter diesen Problemen. Ihre Edge Animate-Kompositionen eignen sich hervorragend für Apple-Produkte - und auf Android-Geräten - für Tablets aller Art, Smartphones und andere Geräte mit modernen mobilen Browsern.