WWDC 2009で、AppleはSafari 4ブラウザの正式版をリリースしました。Safari 4の正式版は、Chrome風のタブ方式を廃止し、バージョン3.0のインターフェースに戻りました。 WWDCでサーレット氏はMicrosoftのIE8ブラウザを本気で批判し、SafariのJavaScriptエンジンは現在世界最速であると述べたと言われているが、同氏が提供したテストデータによれば、Chrome 2はIE8の5.3倍であり、Safari4の速度は5.3倍であるという。 IE8の7.8倍!
これらのデータのほとんどは公式のギミックなので、今は無視して、Safari 4 がフロントエンド開発にどのような影響を与えるかを見てみましょう。
HTML5オーディオタグとビデオタグをサポートします。
CSSSafari4 では、CSS のサポートが次のように多く改善されています。
ズームSafari 4 はズーム属性のサポートを開始します。使い方や効果はIEブラウザと同じです。違いは、ズームすると Safari はブラウザでサポートされている最小のフォントに縮小するのに対し、IE は設定されたサイズに直接縮小することです。例えば:
.zoomTest {フォントサイズ: 12px ;ズーム: 0.1 }
Safari ではフォント サイズが 9 ピクセルまでしか縮小されませんが、IE では 1.2 ピクセルまで縮小されます (肉眼では見えなくなります)。
-ウェブキット-アニメーションこれは一連のサブプロパティで構成されます。
CSSマスク/マスク効果
Safari 4 では、他のいくつかの CSS プロパティのサポートも追加または強化されています。たとえば、background-position はアニメーション効果をサポートし始めていますが、これについてはここでは説明しません。
Safari に追加されたこれらの新しい CSS プロパティは W3C 標準の一部ではないことがわかりますが、Webkit のこれらのプライベート プロパティを使用すると、確かにより優れたネットワーク アプリケーションを開発できるようになります。
WAI-ARIAの役割
おそらく、WAI-ARIA について知っている人は多くないでしょう。 WAI-ARIA は W3C Web Accessibility Initiative Accessible Rich Internet Applications の略で、中国語に訳すと「アクセス可能なリッチ インターネット アプリケーション」となります。同時に、W3C は WAI-ARIA ロール標準を開発しました。 Google は最近、WAI-ARIA を強力にサポートすることを発表し、Google リーダーの画面読み上げ機能は WAI-ARIA を通じて実装されています。現在、Firefox が WAI-ARIA のサポートを開始しており、IE8 も部分的にサポートしています。 Safari 4 は WAI-ARIA ロールもサポートします。 Safari 4 の WAI-ARIA サポートを確認する >>
WAI-ARIA は div タグと spam タグのみをサポートしているようであることに注意してください。WAI-ARIA と連携するために、Safari は aria-checked/aria-level/aria-valuemax/aria などの HTML のサポート属性も追加します。 -valueminなど
PS: このダウンロード ボタンは Safari の公式ダウンロード ページから来ています。注意深いお子様は、このボタンのスタイルが明らかに Apple のスタイルではなく、Firefox のダウンロード ページにある緑色のボタンに似ていることに気づくでしょう。