Hatena::ブログ(Diary)

よねのはてな このページをアンテナに追加 RSSフィード Twitter

2010-01-28

Adobeのブラウザ表示チェックサービスBrowserLabが凄い件

| 01:31 | Adobeのブラウザ表示チェックサービスBrowserLabが凄い件を含むブックマーク Adobeのブラウザ表示チェックサービスBrowserLabが凄い件のブックマークコメント

Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。

https://browserlab.adobe.com/index.html

このサービスを使うと、以下のブラウザでの表示テストが可能です。

Windows XP
  • Firefox 2.0(2.0.0.18)
  • Firefox 3.0(3.0.13)
  • Firefox 3.05(3.5.3)
  • Internet Explorer 6.0(6.0.3790.3959)
  • Internet Explorer 7.0(7.0.5730)
  • Internet Explorer 8.0(8.0.6001.18702)
  • Chrome 3.0(3.0.195.27)
Mac OS X
  • Safari 3.0(3.2.3)
  • Safari 4.0(4.0.3)
  • Firefox 2.0(2.0.0.18)
  • Firefox 3.0(3.0.13)
  • Firefox 3.05(3.5.3)

使い方

Sign In

URLにアクセスし、Sign Inして、入力欄に表示テストしたいURLを入力するだけ。

f:id:yone098:20100128011710p:image

URL入力

入力したら、入力欄の右のボタンを押します。

f:id:yone098:20100128011711p:image

読み込み中

そうすると、それぞれのブラウザで読み込み開始されます。

f:id:yone098:20100128011712p:image

ブラウザ選択

表示されたら左側のブラウザ名をクリックして表示させたいブラウザを選択します。

f:id:yone098:20100128011713p:image


表示テストするときには重宝しますね。


Browser Set

テストしたいブラウザだけを、BrowserSetsボタンを押してカスタマイズも可能です。

例)WindowsのIEのみテストしたい場合

Add New Browser Setを押して、カスタマイズしたい名前を入力し(WindowsのIEだけテスト用)

Available Browsersからブラウザを選択します。

f:id:yone098:20100128011714p:image

ブラウザ名をクリックして、Browser Setsから追加したSetを選択し、Test実行。

f:id:yone098:20100128011715p:image

これでテストしたいブラウザだけで確認出来ます。


Viewの切り替え

表示は最大2つまで同時表示可能です。

Viewを選択し、2-up Viewで2画面表示されます。

f:id:yone098:20100128011709p:image




まとめ

Adobeさん、ありがとう!!!


クロスブラウザの確認には、BrowserLabが便利です。


そしてBacklogCacooで有名なのは、Nulabです。

c9katayamac9katayama 2010/01/28 09:16 結局Nulabって感じになっちゃいますね!

yone098yone098 2010/01/28 13:28 そうですね。あそこは、いい会社です。

yuyanyuyan 2010/02/04 10:21 ベーシック認証がかかってるページは閲覧できないのでしょうか?
IEtesterみたいに認証のポップが出てくると嬉しいんですが・・・。