Safari 4 neue Funktionen

Auf der WWDC 2009 veröffentlichte Apple die offizielle Version des Browsers Safari 4. Die offizielle Version von Safari 4 verzichtete auf die Chrome-ähnliche Tab-Methode und kehrte zur Benutzeroberfläche von Version 3.0 zurück. Es wird gesagt, dass Serlet auf der WWDC den IE8-Browser von Microsoft ernsthaft kritisiert hat und sagte, dass die JavaScript-Engine von Safari derzeit die schnellste der Welt sei. Laut den von ihm bereitgestellten Testdaten sei Chrome 2 5,3-mal schneller als IE8 und die Geschwindigkeit von Safari4 7,8-mal so viel wie IE8!

Bei den meisten dieser Daten handelt es sich um offizielle Gimmicks, also ignorieren wir sie vorerst und sehen, welche Auswirkungen Safari 4 auf unsere Frontend-Entwicklung haben wird:

Unterstützt Audio- und Video-Tags.

Safari4 bietet viele Verbesserungen bei der CSS-Unterstützung, wie folgt:

Safari 4 beginnt, das Zoom-Attribut zu unterstützen. Die Verwendung und Wirkung davon sind die gleichen wie beim IE-Browser. Der Unterschied besteht darin, dass Safari beim Zoomen auf die kleinste vom Browser unterstützte Schriftart verkleinert wird, während IE direkt auf die eingestellte Größe verkleinert wird. Zum Beispiel:

.zoomTest { Schriftgröße : 12px ; Zoom : 0,1 }

Safari wird nur auf eine Schriftgröße von 9 Pixel verkleinert, während IE auf 1,2 Pixel verkleinert wird (was mit bloßem Auge nicht mehr sichtbar ist).

Es besteht aus einer Reihe von Untereigenschaften:

• -webkit-animation-name gibt einen Namen für die Animation an
• -webkit-animation-duration Animationsdauer
• -webkit-animation-timing-function Die Methode zum Umschalten des Animationsrahmens, also der Animationseffekt, umfasst wahrscheinlich Ease, Linear, Ease-In, Ease-Out und Ease-In-Out.
• -webkit-animation-delay definiert die Startzeit der Animation
• -webkit-animation-iteration-count Animationswiederholungszeiten
• -webkit-animation-direction Die Animationsrichtung hat zwei Attribute: normal, Vorwärtswiedergabe, abwechselnde Richtung, gerade Vorwärtswiedergabe, ungerade Rückwärtswiedergabe.

CSS-Maske/Maskeneffekt

• -webkit-mask-attachment hat zwei Werte: „fixed“ und „scroll“;
• -webkit-mask-clip Beschneidungseffekt des Elementrandes;
• Die Verwendung von -webkit-mask-position ähnelt dem Attribut „background-position“.
• -webkit-mask-origin gibt den Anker des Attributs -webkit-mask-position an. Es gibt drei Attribute: Rahmen, Inhalt und Innenabstand.
• Das Maskenbild des Elements -webkit-mask-image , der Wert ist der Bildpfad;
• -webkit-mask-repeat sich wiederholende Einstellungen,
• -webkit-mask-composite gemischte Stile. Der Standardwert ist „Rand“, was bedeutet, dass der Hintergrund bis zum Randbereich reicht. Es kann auch auf Polsterung eingestellt werden.

Safari 4 fügt auch die Unterstützung für einige andere CSS-Eigenschaften hinzu oder verbessert sie. Beispielsweise unterstützt „background-position“ nun auch Animationseffekte, die hier nicht beschrieben werden.

Es ist ersichtlich, dass diese neuen CSS-Eigenschaften, die Safari hinzugefügt wurden, nicht Teil des W3C-Standards sind, aber diese privaten Eigenschaften von Webkit können es uns tatsächlich ermöglichen, bessere Netzwerkanwendungen zu entwickeln.

WAI-ARIA-Rolle

Vermutlich wissen nicht viele Menschen über WAI-ARIA Bescheid. WAI-ARIA steht für W3C Web Accessibility Initiative Accessible Rich Internet Applications, was ins Chinesische als „Accessible Rich Internet Applications“ übersetzt wird. Gleichzeitig entwickelte das W3C den Rollenstandard WAI-ARIA. Google hat kürzlich angekündigt, WAI-ARIA stark zu unterstützen, und die Bildschirmlesefunktion seines Google Readers wird über WAI-ARIA implementiert. Derzeit hat Firefox damit begonnen, WAI-ARIA zu unterstützen, und IE8 unterstützt es teilweise. Safari 4 unterstützt auch WAI-ARIA-Rollen. Überprüfen Sie die Unterstützung von Safari 4 für WAI-ARIA >>

Es ist erwähnenswert, dass WAI-ARIA anscheinend nur div- und span-Tags unterstützt. Um mit WAI-ARIA zusammenzuarbeiten, fügt Safari auch einige unterstützende Attribute von HTML hinzu, wie z. B. aria-checked/aria-level/aria-valuemax/aria -valuemin usw.

Safari herunterladen :

PS: Dieser Download-Button stammt von der offiziellen Safari-Downloadseite. Vorsichtige Kinder werden feststellen, dass der Stil dieses Buttons offensichtlich nicht dem Stil von Apple entspricht, sondern eher dem grünen Button auf der Firefox-Downloadseite ähnelt.

Originaltext: http://www.qianduan.net/safari-4-new-features.html