Hatena::Groupweb

vantguarde

 | 

5.26

Browsers ― Mango IE9, UI improvements in Firefox

| 01:12

Mango IE9

Quirksモードやめたい!(自動でキーワードに設定できるんですが手動でリンクしました)

それはさておきMangoが発表されましたね。楽しみです。

日本語周りとかはすでに紹介されてた記事があったのでまあいいかなと思って、IE9をちょっと見てみました。見てみましたといってもほんとにこれIE9なのかってのを確かめた程度ですけど。

で、Windows Phone Emulatorからnavigator.userAgentを調べたらこんな感じ。

デフォルト
Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0; Microsoft; XDeviceEmulator)

7.1なのに7.5。ぎりぎりまで検討されてたんですかね。でも、んー?

それで、X-UA-Compatibleを入れていろいろ試したら、もうひとつモードがありました。

IE=7以下
Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.5; Trident/3.1; IEMobile/7.0; Microsoft; XDeviceEmulator)

IE7モードがあるようです。現行のOSに搭載されているIEがIE7ベースというのは聞いたことがあるので、まあそれとの互換性のためなのかなと。このバージョンに依存するコンテンツってどれだけあるんでしょうかね……

XDeviceEmulatorはエミュレータ固有でしょうから、この部分が何かに置きかわるんですかね。あー、調べるの忘れちゃった……

で、これで済むかとおもいきや、SettingsからDesktop versionなるものが選べました。その設定に応じてUA Stringも変わります。

デフォルト
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; XBLWP7; ZuneWP7)

IE=7以下
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/3.1; XBLWP7; ZuneWP7)

デスクトップ版と似てますね。こっちも実際に送られるUAとはまた違いそうですが。

2011-09-06追記: 8/29にIntroducing the IE9 on Windows Phone “Mango” User Agent Stringなんて記事がWinodows Phone Devloper Blogに投稿されてます。

FirefoxのUI

Firefox 5がBetaになったのでアップデートしたんですけど、いいですね。きびびとしてます。

CSS Animationsは永遠にAppleの独自拡張の域をでないと思ってたので、Geckoで実装されたのは結構おどろきでした。

ちまちまとUIの方も改良されているのでちょっと紹介。

たとえばFx5はChromeみたく、タブを閉じてもマウスを動かすまではタブの大きさが変化しないようになります。

Fxはtab overflow(でいいんだっけ)があるのでどうなんだろうと思ったんですが、それもちゃんと考慮してくれてるようです。素敵。

×ボタンを2回クリックしないと閉じられないことがあるのですが、再現条件がよく分からないんですよね。直ってくれるかしら。

あと期待しているのが、いま開発中らしいタブが移動するときのアニメーション。SafariやChromeみたくするっするっと動くようになるらしいです。

モックアップがFxのみなのは、JavaScript 1.8が使われてるからなんですかね。一番早くてFx7になるのかな。楽しみです。

追記:Aurora 8でするするします。

Fx5よりは、matchMedia()やらelement.dataset, CSS3のtext-decorationが入ってきそうなFx6の方が楽しみだったり。リリース方針が変わって、どの機能がいつ来るか分かりやすくなったので、そんなに首を伸ばさなくてもよくなったのが素敵ですね。

 | 
Contact: @vant / lepetitcroissant@gmail.com.