便利なブラウザチェッカー

webサイトを作る際、さまざまなブラウザで問題なく閲覧できるように作らなくてはいけないので、作りながらレイアウト崩れが無いか等のチェックをします。

特にIE6.0がやはり曲者なので念入りにチェックしなければいけません。一番ダメすぎるブラウザのくせに利用者が未だ多いという状況ですからね…。

そんな中、私がブラウザチェックに使っているのがAdobe　BrowserLabです。

もちろん無料のツールですが、予めAdobeIDを取得しておく必要があります（もちろん無料です）。

adobe browserLabログイン画面

メールアドレスとPassを入力してログインします。

ログインができたらチェックしたいサイトのURLを入力して、URL入力欄の右のボタンを押すだけです。

読み込みにちょっと時間がかかりますが、焦らず待ちましょう。

IE6.0でのチェック

こんな感じに表示されます。

入力項目

赤い枠で囲んでいるところを設定すれば良いだけです。

Delayは低すぎると読み込みきらないまま表示するようです。例えばbackgroundで指定している画像が表示されたりされなかったりします。

ここの数値を上げればちゃんと読みこんで表示するみたいです。

また、一番左の部分でどのブラウザでの表示にするかを選びます。ちなみにその上のviewという項目で画面表示方法を切り替える事が出来ます。

私は基本的にデフォルトのままですが。

Mac safari3.0での表示

safariは文字にアンチエイリアスがかかって非常にキレイに表示されます。

とまぁ、非常に便利なツールですので、ご存じでなかった方はぜひこの機会に使ってみてください。

ただし、ローカルにあるファイルのチェックができないようです。

それが唯一の欠点かも。