Other

  • Home
  • Tips & Memo
  • Other
  • Internet Explorerでのブラウザチェックにおすすめのツール

Internet Explorerでのブラウザチェックにおすすめのツール

Category

Other

Web制作をしている方なら「Internet Explorerでのブラウザチェックが大変...」「バージョンによってCSSの解釈が違い過ぎる...」「CSSハックを使うのはIEくらい...」というようなことを思ったことはないでしょうか?私は度々あります...。
他にもFirefox・Safari・Chrome・Operaなどブラウザはたくさんあり、スマートフォンでの表示チェックもしないといけない中、やっぱり一番チェックに時間がかかるのがInternet Explorerだと思います。
Internet Explorerのバージョン毎の表示をチェックできるツールにはいろいろあります。
"IETester"や"Utilu IE Collection"を使っておられる方が多いのではないのでしょうか?
私の場合、IETesterはポップアップ等がうまく機能しなかったり、動作が重い気がするので今は使っていません。Utilu IE Collectionはかなり前のバージョンまでカバーされているので便利なのですが、基本的にバージョン7~9までを対応することにしていますので、そこまでは必要ありません(バージョン9の登場で、一応バージョン6は対応外としています)。
そこでおすすめなツールがInternet Explorerに実装されている"開発者ツール"です!

Keyword:ブラウザチェック,Internet Explorer,開発者ツール

インターネットエクスプローラーのブラウザチェック

Internet Explorerの開発者ツールの使い方はとても簡単!
まず最新のInternet Explorer9をインストール(もしくはアップデート)します。
Windows OSがXPの場合、Internet Explorerはバージョン8までしかインストールできませんが、同じように開発者ツールは使うことができます。
この場合、バージョン9での表示確認はできません。

次に、[ツール]から”開発者ツール”を選択します。
ファンクションキーの12番(F12)を押しても起動してくれます。

[ツール]から"開発者ツール"を選択

“ブラウザモード”を切り替えることで、バージョン7~9の表示を確認することができます。

"ブラウザモード"からバージョン7~9の表示を確認できる
※画像をクリックすると拡大表示されます

その他、開発者ツールには「HTMLやCSSのチェック」「イメージサイズや代替テキストのチェック」「リンクのチェック」「スクリプトのデバッグ」「W3CのHTMLやCSSの検証」等さまざまな機能が実装されています。
別途ツールをインストールする必要もありませんし、是非活用したいツールの一つです。

[参考リンク:ブラウザチェックツール]
・IETester
・Utilu IE Collection

List

関連記事(※当記事と関連性が高いと思われる記事)

Internet Explorer9以前でもCSS3を使う

2012/03/04
CSS3
スコア:46 ※スコアの数値が大きいほど、関連性の高い記事です。 CSS3 PIEで何ができるの? CSS3 PIEは、Javascriptを使ってInternet Explorer6~8でも一部のCSS3を使えるようにするスクリプト... 続きを読む...

HTML5導入前に覚えておきたいこと

2011/12/22
HTML5
スコア:7 ※スコアの数値が大きいほど、関連性の高い記事です。 SafariやFirefoxといったモダンブラウザは以前からHTML5の新要素に対応していましたが、Internet Explorerが対応していなかったため、以前と同... 続きを読む...

Web制作で活用したいツール

2012/09/30
Web制作で活用したいツール
スコア:6 ※スコアの数値が大きいほど、関連性の高い記事です。 パフォーマンス測定 GTmetrix オンラインツール サイトの表示速度を計測 パフォーマンスの改善点を調査 ブラウザとサーバー間のやり取りを調査※時間・データサイズ・... 続きを読む...

印刷対応サイト

2012/08/31
印刷対応サイト
スコア:6 ※スコアの数値が大きいほど、関連性の高い記事です。 対応するブラウザ・バージョンを選定する 全てのブラウザに対応できるのが望ましいのですが、それぞれのブラウザに実装されている印刷機能に関しても把握しておく必要があります。... 続きを読む...

おすすめ書籍・商品(※当記事と関連性が高いと思われる書籍・商品)

ページの先頭へ