ソフトを入れなくてもできるIEのクロスブラウザチェック

2018/03/23更新 カテゴリー:開発奮闘記 タグ: ,
  • このエントリーをはてなブックマークに追加

IEといえば開発者泣かせのブラウザだ。バージョンによって、CSSの解釈の違いで表示に違いがでたりすることがあり、各バージョンのブラウザで視認してチェックする必要がある。

最新は10だが、全ての利用者が新しいバージョンを使っているわけではない。やっかいなのは、各バージョンで利用者が多いことだ。さすがにIE6まで対応するサイトは減ったが、企業サイトとしては最低でも7からは対応しておきたい。

SPONSOR

IEのクロスブラウザチェック

これまで私の中では、IE TesterやWebサービスで各バージョンをいっせいにチェックするのが当たり前だった。しかし、IE Testerも完璧ではなく、JavaScriptエラーが出たり不安定。ブラウザで確認するのもの有料だったり、マウスアクションが試せないといった問題があった。

しかし、灯台下ぐらし。実はIEには「開発者ツール」というモードが標準で搭載されていた。この開発者ツールを使えば、IE7以降のバージョンでかんたんに確認することができる。
ie
設定メニューから開発者ツールを選択。
ie2
IEのバージョンをかんたんに切り替えて、チェックが可能。
alt
altタグが入っている確認が入っていたり、Cookie情報を表示したり、ユーザーエージェントを変更したり、まさに開発者にとって助かるツールが満載。これは早く知っておきたかった…。

フリーランスエンジニアの稼ぎ方

  • このエントリーをはてなブックマークに追加
SPONSOR

PROFILE

プロフィール

入江 慎吾/サービス開発だけで生きていく
自分のサービスだけで自由に生きる。勢いで受託開発をすべてやめて、サービスだけ作って生きていくことを決めたフリーのエンジニア。得意を教えて副業にできるMENTAを開発中! (詳しいプロフィール)
WEBサービス・アプリ開発に役立つ情報をイリテクの入江がお届けします。プログラミング、UI/UXデザイン、SNS・ブログマーケティングなど、プロダクト開発だけで自由に生きていくための実践的な情報を配信しています。

PRODUCT

イリテクで開発したプロダクト

RELATION

関連する記事

SPONSOR

TAG

タグから記事をさがす