Upload
kobayashi-yoshinori
View
2.514
Download
2
Embed Size (px)
DESCRIPTION
WordBench 東京 2014.07 でのLT資料です。 「Internet Explorer TestTool Summary | IEのテストツールのまとめ」 IEのバージョンテスト方法で調査に時間がかかったり、結局のとろこどのような方法があるのかよくわからなかったりします。 次回からの調査コストを省くために、IEのバージョンテストの方法をまとめてみました。 スライドでは、今は使われなくなっているツールも含めて、以下の4つを紹介しています。 ・Expression Web SuperPreview http://www.microsoft.com/ja-jp/download/details.aspx?id=2020 ・IE Tester http://www.my-debugbar.com/wiki/IETester/HomePage ・IE 開発者ツール(F12) http://msdn.microsoft.com/ja-jp/library/dn255001(v=vs.85).aspx ・modern.ie Virtual Machines https://modern.ie/ja-jp/virtualization-tools#downloads
Citation preview
Internet Explorer TestTool Summary
1
WordBench 東京 2014.07
IEのテストツールのまとめ
Ticklecode. Yoshinori Kobayashi
2
IEのテストツールどれが生きてて、 どれがどのように適しているかわからない。
3
ということで、まとめてみました。
Expression Web SuperPreview http://www.microsoft.com/ja-jp/download/details.aspx?id=2020
4
■フリーで無期限で、Internet Explorer のバージョン(6,7,8) を表示できる。
■サポートOSは、Windows 7, Windows Vista, Windows XP
■画面を比較して確認できる、重ね合わせができる、 使い勝手はよい。
Expression Web SuperPreview 特徴
5
Expression Web SuperPreview 現状
■ブログは数年前から更新されていない。 Expression チーム ブログ
http://blogs.msdn.com/b/expression/
■JavaScriptを使っているサイトではうまく表示されない。
■ページがまったく表示されないときがある??
6
IE Tester
http://www.my-debugbar.com/wiki/IETester/HomePage
7
IE Tester 特徴
■サポートバージョンが多い IE10, IE9, IE8, IE7, IE 6, IE5.5
■レンダリング(ページ表示)は、そこそこ信用できる。
■IEバージョンがタブで切り替えることができて便利
8
IE Tester 現状
■動作が不安定 よくフリーズする、レンダリング(表示)がかなり遅い。
■デバッグツール、ソースコード表示の機能があるが、 非常に使いにくい・・・。
■ChangeLog(変更履歴)は、2013年4月で止まっている。
http://www.my-debugbar.com/wiki/IETester/ChangeLog
9
IE 開発者ツール(F12) http://msdn.microsoft.com/ja-jp/library/dn255001(v=vs.85).aspx
10
IE 開発者ツール 特徴
■ドキュメントモードを変更すると、古いバージョンの IEをエミュレート(ものまね)してくれる。
■サポートバージョンが多い IE10, IE9, IE8, IE7, IE5
■エミュレートしながら、デバッグ(Dom Explorer)ができる。
11
IE 開発者ツール 現状
■もっとも手軽に使える、IEテストツール。
http://social.msdn.microsoft.com/Forums/ja-JP/home?category=internetexplorer&filter=alltypes&brandIgnore=True&sort=relevancedesc&filter=alltypes&searchTerm=
■新しいので、フォーラムは活発に回答してくれる。
■正確な検証は、modern.ie を薦めている。 http://msdn.microsoft.com/ja-jp/library/dn255001(v=vs.85).aspx
12
modern.ie Virtual Machines https://modern.ie/ja-jp/virtualization-tools#downloads
13
modern.ie 特徴
■様々なWindows,IEバージョンの仮想環境を提供。 数ステップで、仮想環境(OSまるごとデスクトップ上で再現) できる。
■Mac、Linux上でも、IEのテストができる。
■ほぼ、実環境レベルでのテストが行える。
14
modern.ie 現状
■テスト目的以外では使用できない。
■90日間使用できる。 90日間を過ぎても、再度、ダウンロードすると使える。
■仮想プラットフォームは、Oracle Virtual Box が簡単で便利。 http://www.oracle.com/technetwork/jp/server-storage/virtualbox/overview/index.html?ssSourceSiteId=ocomjp
15
https://modernievirt.blob.core.windows.net/vhd/virtualmachine_instructions_2013-07-22.pdf
16
IEテストツールのまとめ
■手軽に確認するなら、IE開発ツール(F12)がもっとも便利。
結局のところ・・・
■実環境に近い状態での確認なら、modern.ie Virtual Machines。
17
おしまい。