読者です 読者をやめる 読者になる 読者になる

Milk+ea

Weblog Is My Hobby.

VirtualBoxとModern.IEを使ってMACでIE表示を確認する

VertualBox Web開発

VirtualBoxとModern.IEを使ってMACでIE表示を確認する

やった環境

  • Mac OSX 10.10.2

準備

VertualBoxのインストール

このページにある、画像のマーカー部分のリンクからダウンロードとインストールをしておく。

f:id:totora0155:20150223101344p:plain

仮想マシンをダウンロード

まずはダウンロードページへアクセス。

  1. 「IE11 on Win10」を選択
  2. VirtualBoxMac用)」を選択
  3. 「Download Zip archive(Single-file)」から速度が遅いけどダウンロード
    curlの方法だと、zipとcpgzのループになって解凍できなかった)

f:id:totora0155:20150223101749p:plain

インポートと起動

ダウンロードしたZIPファイルを解凍すると、中にOVAファイルがあるので開きます。

すると、画像のようにVertualBoxが開くので「インポート」します。 f:id:totora0155:20150223102703p:plain

インポート完了すると、「IE11 - Win10」のようなモノがあるはずなので、選択して起動します。 f:id:totora0155:20150223103152p:plain

IEの開発者ツールを開くまで

Windowsが起動しました。

f:id:totora0155:20150223173328p:plain

IEを起動して、右上の歯車から「F12 Developer Tools」を開きます。 f:id:totora0155:20150223173454p:plain

あとは、画像の所から違うバージョンでの表示を確認したり、Chromeの開発者ツールのように使おう。

f:id:totora0155:20150223173503p:plain