Artikeleinführung von Wulin.com (www.vevb.com): iOS Version 4.2 Safari unterstützt Aktualisierungen für HTML5 -Funktionen.
Artikel von Safari auf iOS 4.2: Beschleunigungsmesser, Websockets, SVG, AJAX2 & Better HTML5 -Support zusammengestellt
Nun, es wird gesagt, dass iOS 4.2 veröffentlicht wurde und alle iPhones, iPods, iPads usw. kostenlos aktualisiert werden können. Es ist erfreulich, dass diese Version von iOS über ein relativ großes Upgrade zur Unterstützung neuer HTML5 -Funktionen verfügt, einschließlich der Unterstützung für WebSockets und Beschleunigungsmesser, neuer Ereignis, Unterstützung für den Druck, neue JavaScript -Datentypen und bessere SVG -Unterstützung.
Tatsächlich hat Apple die Safari -Dokumentation noch nicht aktualisiert. Die Informationen hier basieren nur auf der JavaScript -Forschung und -prüfung von Safari (Hinweis: Safari bezieht sich auf den Safari -Browser in iOS -Mobilgeräten, ohne Safari auf PC- und Mac -Maschinen). Insbesondere sind die neuen Funktionen wie folgt:
BeschleunigerunterstützungVielleicht wissen Sie bereits, dass iOS -Geräte Beschleunigungssensoren (und andere, wie Magnetismus und Gyroskope) verfügen, aber bisher haben Webentwickler keine Erlaubnis, diese Sensoren zu bedienen. Safari unterstützt nun die Geräte -API (W3C -Entwurf), aber obwohl es anscheinend so aussieht,
Wenn Sie bereits ein iOS 4.2 -Gerät haben, können Sie mit Safari Browser auf ad.ag/jtjdmj zugreifen, um es selbst zu testen.
Um 50 Beschleunigungsdatenänderungen pro Sekunde zu erkennen, müssen Sie sich das Ondevicemotion -Ereignis auf dem globalen Objekt des Fensters anhören und dann die Eigenschaft AccelerationIncludeGravity für den Parameter "GeräteInentationEvent" verwenden. Es hat drei Werte: x, y und z, die die Beschleunigung G (Schwerkraft) auf jeder Koordinate darstellen. Sie können Beschleunigungszählungen in Spielen, Effekten oder CSS -Animationen verwenden.
12345Window.Event
WebsocketsEin weiteres großes Update ist die Unterstützung für Websockets. WebSockets ist eine W3C-HTML5-API, die sich noch im Entwurfsstatus befindet und es JavaScript ermöglicht, eine offene Zwei-Wege-Verbindung mit Dual-Work-Verbindung zu einem Server über TCP-Sockets zu verwenden. Dies sind sehr gute Nachrichten für Chat- und Echtzeitanwendungen, da regelmäßige Anrufe von AJAX stark reduziert werden können.
Sie benötigen einen Server, der das neue WebSocket -Protokoll über einen HTTP -Handshake verstehen kann. Wenn der Server WebSocket nicht unterstützt oder aufgrund von Gründen/Gateway -Gründen auch auf einen Fallback -Mechanismus angewiesen ist.
HTML5 -FormularunterstützungTatsächlich ist die Unterstützung von Webkit für HTML5 -Formulare relativ gut. Jetzt hat Safari in iOS 4.2 begonnen, das erforderliche Attribut und: Ungültige CSS-Pseudo-Klasse zu unterstützen. Auf diese Weise wird der folgende Code ein Textfeld angezeigt, in dem ein grüner Hintergrund angezeigt wird, wenn er korrekt eingegeben wird, und einen gelben Hintergrund, wenn es falsch ist.
<Styles> Eingabe {Hintergrundfarbe: Grün; Farbe: Weiß;} Eingabe: Ungültig {Hintergrundfarbe: Gelb;} Erforderlich>
Ajax2Das Objekt namens FormData ermöglicht es uns, mit AJAX einfach Formdaten zu generieren.
DruckenunterstützungIOS 4.2 führt AirPrint vor, eine unbegrenzte Drucklösung. Das heißt, wir können jetzt Window.print verwenden, um den Dialogfeld "Druck in Safari" aufzurufen.
Neue JavaScript -DatentypenSafari unterstützt nun Sammlungen von Binärklassen (Blob -Klasse) und vielen Ganzzahltypen wie Float32Array, INT8Array, Uint8Array, Int16Array Unit16Array, Int32Array und Uint32Array usw. Arrays, die in der typed Arrays -Spezifikation definiert sind. Weitere Informationen sind zugänglich.
Neue DOM -EreignisseIn der neuen Aktionsklassenereignis können wir jetzt HTML 5 New OnhashChange-Event verwenden, um Änderungen nach Hash (#) in URLs in WebApps von AJAX-Klasse sowie ungültig unterboreload und onpopstate-Ereignisse in HTML5-Entwurfsspezifikationen zu erkennen.
Jetzt können wir auch Windows.CaptureEvents und Fenster verwenden.
SVG- und Canvas unterstützen VerbesserungeniOS unterstützt SVG sowohl als eigenständige Dateien als auch als Inline -SVG (mit SVG -Tags). Jetzt können wir SVG -Dokumente direkt in unserem Dokument erstellen - mit mehr als 20 SVG___ -Klassen wie SVGDocument, SVGImage usw.
Für Leinwand wird der Datentyp im iMagedata jetzt unterstützt, eine Möglichkeit, Bilder auf Pixelebene aus JavaScript zu manipulieren.
Andere DingePS: Da ich kein iPhone, iPad usw. habe, gibt es keine Möglichkeit, den Inhalt im Artikel eins nach dem anderen zu testen. Wenn Sie einige Fehler oder neue Inhalte finden, senden Sie diese bitte, indem Sie eine Nachricht hinterlassen. Ich werde diesen Artikel rechtzeitig aktualisieren. Danke - Shenfei