Einige neue Funktionen des Safari 4 Browsers

Am WWDC 2009 veröffentlichte Apple die offizielle Version des Safari 4 Browsers. Die offizielle Version von Safari 4 gab die Nachahmung der Registerkarte Chrome auf und stellte die Schnittstelle 3.0 -Versions wieder her. Es wird gesagt, dass Serlet auf dem WWDC den IE8 -Browser von Bsted Microsoft ernsthaft Bsted und sagte, dass die JavaScript -Engine von Safari derzeit die schnellste der Welt ist. Laut den von es lieferten Testdaten beträgt die Geschwindigkeit von Chrome 2 das 5,3 -fache der IE8, während die Geschwindigkeit von Safari4 das 7,8 -fache von IE8 beträgt!

Die meisten dieser Daten sind offizielle Gimmicks, also machen wir uns vorerst keine Sorgen. Mal sehen, welche Auswirkungen Safari4 auf unsere Front-End-Entwicklung haben werden:

HTML 5

Unterstützen Sie Audio- und Video -Tags.

CSS

Safari4 hat wie folgt viele Verbesserungen der CSS -Unterstützung vorgenommen:

Zoom

Safari 4 beginnt, Zoom -Attribute zu unterstützen. Dies ist die Verwendung und Wirkung des IE -Browsers. Der Unterschied besteht darin, dass Safari beim Zoomen auf die vom Browser unterstützte minimale Schriftart schrumpft, während der IE direkt auf die festgelegte Größe schrumpft. Zum Beispiel:

 .ZoomTest {Schriftgröße: 12px; Zoom: 0.1}

Safari schrumpft nur auf 9PX -Schriftgröße, während der IE auf 1,2px schrumpft (es kann nicht klar mit dem bloßen Auge gesehen werden).

-Webkit-Animation

Es gibt eine Reihe von Unterpropertien:

• -Webkit-Animationsname Geben Sie einen Namen für die Animation an
• -Webkit-Animationsdauer Animationsdauer
• -Webkit-Animation-Timing-Funktions-Animationsrahmen-Switching-Methode, dh Animationseffekte, gehören wahrscheinlich Linear, Linear, Linear-In, Easy-Out und Easy-In-Out.
• -Webkit-Animation-Delay Definieren Sie die Animationsstartzeit
• -Webkit-Animation-Operation-Count-Animations-Wiederholungen
• -Webkit-Animation-Richtung-Animationsrichtung hat zwei Eigenschaften: normales Vorwärtsspiel; Alternativ, alternativ, sogar vorwärtsspiel, seltsames Reverse Play.

-Webkit-Maske

CSS -Maske/Maskeneffekt

• -Webkit-Masken-Einbindung Zwei Werte: behoben und scrollen;
• -Webkit-Masken-Clip Der Ausschnittseffekt von Elementgrenzen;
• -Webkit-Maskenposition Die Verwendung ähnelt dem Hintergrundpositionattribut.
• -Webkit-Masken-Origin spezifiziert den Anker des Attributs -webkit-Maskenposition. Es gibt drei Attribute: Grenze, Inhalt und Polsterung.
• -Webkit-Masken-Image-Element-Maskenbild, Wert ist der Bildpfad;
• -Webkit-Masken-Wiederholungseinstellungen, sich wiederholt,
• -Webkit-Masken-Komposit-Mischungsstile. Der Standard ist Grenze, was bedeutet, dass sich der Hintergrund bis zum Grenzbereich erstreckt. Es kann auch auf Polsterung eingestellt werden.

Andere Verbesserungen

Safari4 fügt auch die Unterstützung anderer CSS -Attribute hinzu oder verbessert sie. Zum Beispiel beginnt die Hintergrundposition, Animationseffekte zu unterstützen, sodass ich sie hier nicht wiederholen werde.

Es ist ersichtlich, dass die neuen CSS -Attribute von Safari nicht der Inhalt im W3C -Standard sind, aber die privaten Attribute dieser Webkits können uns tatsächlich ermöglichen, bessere Netzwerkanwendungen zu entwickeln.

Wai-Aria-Charakter

Ich glaube, dass nicht viele Menschen über Wai-Aria wissen. WAI-ARIA ist die W3C Web Accessibility Initiative Reiche Internetanwendungen, übersetzt als barrierefreie, reichhaltige Internetanwendungen auf Chinesisch. Gleichzeitig formulierte W3C WAI-ARIA-Rollenstandards. Google gab vor nicht allzu langer Zeit bekannt, dass es WAI-Aria stark unterstützen wird, und die Bildschirm-Lesefunktion des Google Reader wird über WAI-ARIA implementiert. Derzeit hat Firefox begonnen, Wai-Aria zu unterstützen, und IE8 unterstützt es teilweise. Safari 4 begann auch, die Wai-Aria-Rolle zu unterstützen. Schauen Sie sich die Unterstützung von Safari 4 für Wai-Aria >> an >>

Es ist erwähnenswert, dass Wai-Aria nur Div- und Span-Tags zu unterstützen scheint. Um mit Wai-Aria zusammenzuarbeiten, fügt Safari auch einige unterstützende Attribute von HTML hinzu, wie Aria-Checked/Aria-Level/Aria-Valuemax/Aria-Valuemin usw.

Safari herunterladen:

PS: Diese Download -Schaltfläche stammt von der offiziellen Seite des Safari -Downloads. Wenn Sie vorsichtig sind, werden Sie feststellen, dass der Stil dieser Schaltfläche offensichtlich nicht der Stil von Apple ist, sondern eher dem Stil der grünen Schaltfläche auf der Firefox -Download -Seite.