Gerolian

Webサイト制作でのメモ等

[VM] MacでIEチェック

2014年11月11日

凄く今更なエントリーだけどまとめ忘れていたので

MacでIEチェックしたい!

以前はBrowserStackというサービス使ったりIEのエミュレータ機能使っていたりしてたけど
IEのエミュレータがアップデートしてから全然信用ならなくなったのと
BrowserStackの重さが苦痛になってきたので乗り換えました

BrowserStackの画面↓
[オリジナルサイズ]
対応端末一覧のスクリーンショット(無茶苦茶長いので別リンク)

VirtualBoxの上に仮想環境を構築してその上にWindowsを走らせれば

ModernIEというサイトに無償で落とせるテスト用のWindowsイメージ(VirtualBoxように変換済み)があるのでそちらを落としてVirtualBoxにインストールする
これだけで複数のWindowsが起動するようになる! (とは言っても自分のMBAだとSSDの容量が足りないのでひとつだけしかいれてませんが)

OSのダウンロードと変換

ModernIEから使用したいOS+ブラウザの組み合わせを選んでsrxとrarファイルをダウンロードするだけ
この時curlコマンドが入っていたら以下のようなコマンドだけで行けるので楽

ダウンロードが完了すればsfxファイルひとつとrarファイルが幾つかあると思うので、そのディレクトリでsfxファイルに実行権限を与えて実行
[オリジナルサイズ]
あとは少し待つとovaファイルというのが出来上がる(これをダブルクリックするとVirtualBoxに自動インストールが始まる)
[オリジナルサイズ]

VirtualBoxから起動

以下のように先ほどのovaファイルがうまく入ったら初期設定を行う
[オリジナルサイズ]
イメージの設定を開いて以下のようにクリップボード共有などにチェックをする
[オリジナルサイズ]
起動ボタンを押すとWindowsの起動画面がでてデスクトップ画面になるので、あとは通常どおりブラウザを起動すればおk
[オリジナルサイズ]
ローカルファイルをテストしたいときはIPアドレスを叩けばいい

備考

日本語が四角になってしまうときがあるものもあるので、そういったときは共有フォルダをVM上に作成してその中に「MSゴシック」とか「MSPゴシック」とかのttfファイルを入れる。
あとはVM上のwidowsフォルダを探っていってfontディレクトリに先ほどのttfファイルをコピーすると日本語が見えるようになる
フォントファイルはWindowsの実機端末とかから拝借するとかなんとかしてみれば大丈夫

細かい使用規定とかはドキュメントをみてね!



コメントはお気軽にどうぞ

メールアドレスは公開されません。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。