sb

<< 紹介:CSS に取り組む人必携 | CSS 非対応ブラウザへのちょっとした心遣い >>

BROWSERCAM でチェック ... 2005.03.20 Sunday
各ブラウザでの自分のページの表示状態をチェックしてみよう

BROWSERCAM でチェック

 様々な OS や Web ブラウザでのページの表示状態を検証することができる BROWSERCAM というサービスがあります。1ヶ月60ドル、1日有効のチケットは20ドルと安くはないサービスですが、1日 / 200枚撮影可能なお試し期間もあります。

 Mac OS X / Red Hat Linux / Windows 2000 / Windows Xp それぞれの Internet Explorer / Netscape / Firefox / Mozilla / Safari / Opera / Konqueror といった多くの環境でチェックする事が可能で、画面サイズや読み込み終了して○秒後、ページダウンキーを○回押した後といった設定もできます。

 「Free Trial Registration」に希望ユーザ名・パスワード・メールアドレスを入力すると即時にお試しアカウントを受け取る事が可能で、入力したメールアドレスに送られて来たメールに書いてある認証用アドレスにアクセスしてから1日、200枚までの撮影が可能です。

このページの結果

 このページで一番手の込んだ事をやっているのが Gallery コーナーなのですが、Netscape / Firefox / Mozilla などの Gekko 系ブラウザと Opera では Windows / Linux でもほぼ意図通りのデザインが再現されていました。問題なのはやはり Internet Explorer です。

各ブラウザでの表示

 日記に詳しく 書いていますが、Microsoft のバカな仕様に騙されていました。改めて言うまでもない事ですが、Internet Explorer とそれ以外のブラウザで表示が違う場合、たいてい Internet Explorer の方が CSS 標準から外れた勝手な描画をしています。
 これは逆に言えば、Internet Explorer のみでページのレイアウトを確認している場合、下手をするとそれ以外のブラウザ全てでデザインが崩れている可能性があるという事です。
 ちなみに、HTML と CSS に小細工を加えて、現在は Windows 版 Internet Explorer でも幅固定 + センタリングしたものが表示されているハズです。

△ PageTop | comments (2) | trackbacks (1)


コメント

sai | 2005/03/24 10:21 AM
こんにちは。はじめまして。
本当にIEは曲者ですよね。
毎回私も困らされていました。でも、もうイイって感じです。
というより、全ての環境で同じように見せるのは無理なんですよねぇ。わかっているのですが、できるだけ同じようにと望んでしまいます。
TBさせていただきました。
Kaz. | 2005/03/24 08:41 PM
> sai さん

はじめまして。
Internet Explorer だけはたまりませんね。
一応ページ幅とセンタリングに関しては
小細工で Internet Explorer にも対応させましたが
タブを着色させる事は諦めました。

何よりトホホなのが上のスクリーンショットのように
ブラウザの種類を基準にすると圧倒的に少数派である
Internet Explorer の無茶苦茶な解釈が
実際の利用シェアでいくと圧倒的に多数な事です。

各環境での表示の違いに関しては
BROWSERCAM と共に「CSSバグリスト@CSSバグ辞典スレッド」
http://cssbug.at.infoseek.co.jp/index.html
のページが役に立つ場合があります。

コメントを書く

送信ボタン
 

トラックバック

OSとブラウザ違いによる動作確認 | Oct./six -BLOGSTYLE- | 2005/03/24 10:18 AM
自分用メモ3/24あきらめました...。というより、見切りつけました。WIN IEとはもうサヨナラです。当サイトはWINでの動作確認はIEは無視します。IEはやはりもうダメなんじゃないでしょうか...。Studio Ponytailさんの...

この記事のトラックバック URL

http://www.studio-ponytail.com/sb.cgi/171


sb

<< 紹介:CSS に取り組む人必携 | CSS 非対応ブラウザへのちょっとした心遣い >>

BROWSERCAM でチェック ... 2005.03.20 Sunday
各ブラウザでの自分のページの表示状態をチェックしてみよう

Monthly Archives