Mac 上の Microsoft Internet Explorer で Web ページをテストするにはどうすればよいですか?
-
09-06-2019 - |
質問
作成した Web ページを Internet Explorer のすべての最新バージョン (6、7、8 ベータ版) でテストしたいと考えていますが、主に Mac で作業しており、PC に直接アクセスできないことがよくあります。
解決
アップデート: Microsoft は現在、すべての主要な OS X 仮想化プラットフォームですぐに使用できる、さまざまなバージョンの IE 用の仮想マシン イメージを提供しています (バーチャルボックス, VMWare フュージョン, 、 そして パラレル).
適切なイメージを次からダウンロードします。 https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
Intel ベースの Mac では、仮想マシン内で Windows を実行できます。テストする IE のバージョンごとに 1 つの仮想マシンが必要です。
以下の手順には、無料の合法的な仮想化ソフトウェアと Windows ディスク イメージが含まれています。
- 仮想マシン ソフトウェアをダウンロードします。使用する開発者ディスク イメージは、次のいずれかで動作します。 VMWare フュージョン または サンバーチャルボックス. 。VMWare にはより多くの機能がありますが、80 ドルかかります。一方、Virtual Box はより基本的なものですが、ほとんどのユーザーは無料です (「 Virtual Box のライセンスに関するよくある質問 詳細については)。
- IE 開発者ディスク イメージを Microsoft から無料でダウンロードします。 http://www.microsoft.com/downloads/...
- 次を使用してディスク イメージを抽出します。 カベエキス から入手可能です Macポート またはソースコードとして(おかげで クリントン).
- Q.appをダウンロードしてください http://www.kju-app.org/ それを /Applications フォルダーに置きます (ディスク イメージを VMWare/Virtual Box が使用できる形式に変換するために必要になります)
この時点でのプロセスは、使用している VM ソフトウェアによって異なります。
Virtual Box ユーザー
Mac で Terminal.app (/Applications/Utilities にあります) を開き、以下の一連のコマンドを実行します。 入力.vhd 開始元の VHD ファイルの名前と 出力.vdi 最終的なディスクイメージに付けたい名前を付けます。
/Applications/Q.app/Contents/MacOS/qemu-img convert -O raw -f vpc "input.vhd" temp.bin VBoxManage convertdd temp.bin "output.vdi" rm temp.bin mv "output.vdi" ~/Library/VirtualBox/VDI/ VBoxManage modifyvdi "output.vdi" compact
- Virtual Box を起動し、新しい仮想マシンを作成します。
- 作成した新しい VDI ファイルを起動ハードディスクとして選択します。
VMWare フュージョン ユーザー
Mac で Terminal.app (/Applications/Utilities にあります) を開き、次のコマンドを実行します。 入力.vhd そして 出力.vmdk 作業中の VHD ファイルの名前と、結果のディスク イメージに付けたい名前を置き換えます。
/Applications/Q.app/Contents/MacOS/qemu-img convert -O vmdk -f vpc "input.vhd" "output.vmdk" mv "output.vmdk" ~/Documents/Virtual\ Machines.localized/
これにはおそらくしばらく時間がかかります (2Gb RAM を搭載した 2.4GHz Core 2 Duo MacBook では、ディスク イメージごとに約 30 分かかります)。
- VMWare Fusion を起動し、新しい仮想マシンを作成します。
- 詳細ディスク オプションで、[既存のディスクを使用する] を選択し、作成したばかりの VMDK ファイルを見つけます。
他のヒント
私がお勧めする方法は 3 つあります。
クラウドベースの対話型仮想マシン
次のようなものを使用してください ソースラボ または ブラウザスタック. 。選択したブラウザを選択し、URL を入力して、実際のブラウザで実際の OS を使用し、必要なだけテストして操作することができます。これらは両方とも、自分のマシンとの間のトンネルの設定もサポートしているため、ローカルのホスト名はすべて正常に機能します。
もあります クロスブラウザテスト, ブラウザリング/テストリング, 私自身は利用したことがありませんが、同様のサービスがあるようです。
ローカル仮想化
使用できます バーチャルボックス (VMWare や Parallels に似た無料のオープンソース) を使用して、コンピューター上に 1 つ以上の仮想マシンを作成します。ご存知かもしれませんが、これらの仮想マシン用の Microsoft Windows の公式コピーを入手する必要はありません。Microsoft は、Internet Explorer および Microsoft Edge をテストする目的で、簡素化された Windows インストールの VM イメージを無料で提供しています (ダウンロード)。これを起動して実行するには、次の記事のいずれかを確認してください。
- Mac OS X での IE6、7、8、9 のテスト, 、2011-06、xairon.net
- Mac 版 Internet Explorer の簡単な方法, 、2011 年 9 月、osxdaily.com
以前は、ネイティブの Mac アプリケーション ( ies4osx)、または Windows がない場合は VM を必要とする Windows アプリケーションとして(たとえば、 IETester または 複数のIE)。欠点は、これらのエミュレーションは多くの場合、実際のクライアントよりも安定性が低く、ブラウザーの自然な環境で実行されないため、デバッグがさらに困難であることです。場合によっては、実際のブラウザでは発生しないエラーが発生したり、実際のブラウザにあるようなバグが発生しない場合があります。
クラウドベースのスクリーンショットファクトリー
インタラクティブ性が必要ない場合、またはより安価なソリューションが必要な場合 (この方法が必ずしも安価であるとは限らないことに注意してください。推測する前に少し調べてください)、前のサービスと同様に、実際のブラウザーにアクセスできるオンライン サービスもあります。 OS環境。ただし、前とは反対に、実際のマシンへの対話型アクセスを許可するのは、スクリーンショットを取得するためだけに許可してください。これには良い面と悪い面の両方があります。欠点は、操作できないことです。ただし、利点は、これらのほとんどでスクリーンショットを簡単に要約できるため、セッションを次々に開始してスクリーンショットを取得する必要がないことです。
私が使用したもの:
- ブラウザショット (無料で以前は私のお気に入りでしたが、遅さが代替手段の魅力を高めました)
- アドビブラウザラボ (これも無料ですが、Adobe ID が必要です。BrowserShots ほど多くのオプションや範囲はありませんが、次のとおりです。遅延なし、瞬時のスクリーンショット、ビューの比較、すぐではなく指定された秒数後にスクリーンショットを取得できる機能 (非同期のものをテストするため)。
- クロスブラウザテスト (無料ではありませんが、インタラクティブな環境 (前の方法を参照) と、独自のプライベート "BrowserShots" サイトのようなスクリーンショット ファクトリーもあります)
Mac 上で Windows を仮想化したら、次のことも試すことができます。 複数の IE インストーラーを使用すると、個別の VM インスタンスを作成することなく、さまざまな種類の Internet Explorer を入手できます。
さまざまなブラウザーでページがどのようにレンダリングされるかの簡単なスクリーンショットを見たいだけの場合は、無料のサービスを試すことができます。 ブラウザショット または、複数のブラウザでページを自動的にテストするサービスが多数あります。
リトマス は、Web ベースのもう 1 つの代替手段です。
ブラウザショット スクリーンショットを取得したいだけの場合は、別のオプションもあります。
VHD の最新リリース (2009 年 1 月) には問題があります。VHD はハードウェアの変更があることを認識し、ライセンス キーの入力を求め、最終的にユーザーをロックアウトします。現時点では既知の回避策はありません。
仮想マシンで実行できる Windows のコピーがない場合 (VMware も無料ではありません)、試してみることができます。 IE4Linux. 。Mac 上でオープンソースのものをいくつか設定する必要がありますが、すべて無料です。少なくともフィンク、ワイン、カベエキスが必要です。具体的なコマンドラインの指示については、上記のリンクを参照してください。そんなに難しくないよ!
私はこれを行うために、Codeweavers Crossover 製品を時々使用してきました。
http://www.codeweavers.com/products/cxmac/
これは仮想化とは異なるオプションであり、一部のホスト型ソリューションよりももう少し制御できるようになります。そうは言っても、これは WINE に基づいているため、その方法で実行することに伴うすべての問題が発生する可能性があります。とはいえ、プラグインなどを使用しない基本的なテストでは、うまく機能します。
IE8 のサポートについては 100% 確信はありません。確認する必要がありますが、6 と 7 のネイティブ サポートが提供されることは間違いありません。
使用できます スプーンブラウザ (Web ベース) Mac で利用可能になったら。
という IEs4 Linux の OSX ディストリビューションがあります。 ies4osx, 、何も設定しなくても問題なく動作しました。
これがビジネス Web サイト (または、IE で実際に動作することが重要な本格的なサイト) の場合は、安価な方法を選択せず、1 台か 2 台の Windows マシンに投資してください。あなたの顧客はあなたに感謝するでしょう。
それ以外の場合は、仮想化します。
Browsershots は便利ですが、全体的な視覚的なレンダリングではなく機能をテストする必要がある場合には役に立ちません。
IEs4OSX と IEs4Linux には重大な欠点があります。Flash や Silverlight などのプラグインや拡張機能は実際にはサポートされていません。レンダリングは正確ではなく、非常に不安定です。テストするには、Windows 上で実行される実際のバージョンの IE が必要ですが、専用のボックスを用意する必要はありません。
VirtualBox 上の IE イメージは、本当に最良かつ簡単な方法です。
私は持っています スクリーンキャストはこちら 視覚的なウォークスルーを探している人がいれば。
さらに別の Web ベースの代替手段 (ただし、Jeff が言ったように、機能のテストにはあまり使用されません) は次のとおりです。 http://www.browsercam.com
OSX Daily が、単一のターミナル コマンドで Windows VM をインストールする方法を説明しています (すでにあなたが VirtualBox がインストールされている)。要約する:
IE7:
curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="7" bash
IE8:
curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="8" bash
IE9:
curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="9" bash
すべての IE!:
curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | bash