ieのテストツールのまとめ | internet explorer testtool summary
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#downloadsTRANSCRIPT
![Page 1: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/1.jpg)
Internet Explorer TestTool Summary
1
WordBench 東京 2014.07
IEのテストツールのまとめ
Ticklecode. Yoshinori Kobayashi
![Page 2: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/2.jpg)
2
![Page 3: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/3.jpg)
IEのテストツールどれが生きてて、 どれがどのように適しているかわからない。
3
ということで、まとめてみました。
![Page 4: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/4.jpg)
Expression Web SuperPreview http://www.microsoft.com/ja-jp/download/details.aspx?id=2020
4
![Page 5: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/5.jpg)
■フリーで無期限で、Internet Explorer のバージョン(6,7,8) を表示できる。
■サポートOSは、Windows 7, Windows Vista, Windows XP
■画面を比較して確認できる、重ね合わせができる、 使い勝手はよい。
Expression Web SuperPreview 特徴
5
![Page 6: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/6.jpg)
Expression Web SuperPreview 現状
■ブログは数年前から更新されていない。 Expression チーム ブログ
http://blogs.msdn.com/b/expression/
■JavaScriptを使っているサイトではうまく表示されない。
■ページがまったく表示されないときがある??
6
![Page 7: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/7.jpg)
IE Tester
http://www.my-debugbar.com/wiki/IETester/HomePage
7
![Page 8: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/8.jpg)
IE Tester 特徴
■サポートバージョンが多い IE10, IE9, IE8, IE7, IE 6, IE5.5
■レンダリング(ページ表示)は、そこそこ信用できる。
■IEバージョンがタブで切り替えることができて便利
8
![Page 9: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/9.jpg)
IE Tester 現状
■動作が不安定 よくフリーズする、レンダリング(表示)がかなり遅い。
■デバッグツール、ソースコード表示の機能があるが、 非常に使いにくい・・・。
■ChangeLog(変更履歴)は、2013年4月で止まっている。
http://www.my-debugbar.com/wiki/IETester/ChangeLog
9
![Page 10: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/10.jpg)
IE 開発者ツール(F12) http://msdn.microsoft.com/ja-jp/library/dn255001(v=vs.85).aspx
10
![Page 11: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/11.jpg)
IE 開発者ツール 特徴
■ドキュメントモードを変更すると、古いバージョンの IEをエミュレート(ものまね)してくれる。
■サポートバージョンが多い IE10, IE9, IE8, IE7, IE5
■エミュレートしながら、デバッグ(Dom Explorer)ができる。
11
![Page 12: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/12.jpg)
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
![Page 13: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/13.jpg)
modern.ie Virtual Machines https://modern.ie/ja-jp/virtualization-tools#downloads
13
![Page 14: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/14.jpg)
modern.ie 特徴
■様々なWindows,IEバージョンの仮想環境を提供。 数ステップで、仮想環境(OSまるごとデスクトップ上で再現) できる。
■Mac、Linux上でも、IEのテストができる。
■ほぼ、実環境レベルでのテストが行える。
14
![Page 15: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/15.jpg)
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
![Page 16: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/16.jpg)
16
IEテストツールのまとめ
■手軽に確認するなら、IE開発ツール(F12)がもっとも便利。
結局のところ・・・
■実環境に近い状態での確認なら、modern.ie Virtual Machines。
![Page 17: IEのテストツールのまとめ | Internet Explorer TestTool Summary](https://reader033.vdocuments.mx/reader033/viewer/2022052316/557ad51ed8b42add288b51b5/html5/thumbnails/17.jpg)
17
おしまい。