Appleの「HTML5 Showcase」をFirefoxとChromeで試す

　まもなくWWDC 2010がスタートするというタイミングで、Appleが「HTML5 Showcase」なるデモを公開した（関連記事）。サイトには「対応するブラウザはSafari」としか表示されていないため、Mac OS X向けの最新版のみがサポートされるのかと思いきや、iPadとiPhoneのどちらでも変わらず動作した。Appleの“HTML5本気度”を世間にアピールすると同時に、Safariの先端性を知らしめるイメージ戦略なのだろう。

　念のため、Firefox 3.6.4での動作を確認しようとしたところ、「You'll need to download Safari to view thid demo」と表示され、敢えなくリジェクト。先端性をアピールしたいのであれば、すべてのブラウザでテストできるようにすればいいものを……。

　と独り言を言っても仕方ないので、アドオン「User Agent Switcher」を利用し、User AgentをSafari 4.0.5のものに偽装してサイトへのアクセスを試みたところ無事閲覧に成功。テストの結果は表1のとおり、一部は動作したが、CSS 2D/3D Transformsの機能を利用したものはほぼ全滅に終わった。

　同じWebKitベースのGoogle Chromeもテストを決行。最新バージョンの5.0.375.55で正常動作するUser Agent偽装プラグインが見当たらなかったため、以下のコマンドラインで起動した。その結果は表2のとおり。同じWebKitを採用するGoogle Chromeのほうが動作項目が多いことは予想どおりとして、約1年前にはWebKitに実装済のCSS 3D Transformsが動作しなかったことは少し意外だった。興味がある向きは、Safari Dev Centerからサンプルコードを入手するといいだろう。

$ /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --user-agent="Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_3; ja-jp) AppleWebKit/531.22.7 (KHTML, like Gecko) Version/4.0.5 Safari/531.22.7"

iPadのSafariも対応しているAppleの「HTML5 Showcase」※クリックすると拡大画像が見られます