このガイドの目的:
パート1 でカバー:
パート2 でも説明しています:
多くのセクションは独立しています。たとえば、ブラウザの複数のバージョンを実行する手順が一般的に適用されます。
内容
- どのブラウザをテストする必要がありますか?
- 経験則:どのブラウザーを含めるべきですか?
- 準備
- Windows XP
- Windows 7+(IE9 +の場合)
- ブラウザのダウンロード
- インターネットエクスプローラ
- Firefox
- Opera
- Chrome
- サファリ
- アドビフラッシュプレーヤー
- ダウンロードの概要
- サンドボックス
パート2:インストールと構成- インターネットエクスプローラ
- Firefox
- Opera
- Chrome
- サファリ
- 開発者ツール(およびショートカット)
- 測定されたセットアップ時間とディスク容量
- ブラウザごとに必要な時間(インストールと設定)
- 最適な使用法
http://10.0.2.2:8888/
のホームページ
1.テストする必要があるブラウザーはどれですか?
統計はすぐに古くなっています。このため、Wikipediaの Usage share of web browsers 、および最新のブラウザーversion情報については以下のサイトを参照します。各サイトの末尾には、簡単な使用ガイドが付いています。
January 2012
(先月を選択)。 screenshot。最近では、ほとんどのWebブラウザーは、自動更新を伴う何らかの形の迅速なリリースを使用しています。このガイドが作成されたとき、リリースはそれほど頻繁ではなかったため、振り返らずに一連のブラウザーをセットアップすると便利でした。
古いブラウザでアプリケーションを意図的にテストする場合を除き、ブラウザの最新バージョンを入手して、自動アップデーターにバージョンの管理を任せてください。
柔軟性があまり必要でなく、すぐにページをテストしたい場合は、 BrowserStack.com をご覧になることをお勧めします。サインアップ後、30分間の無料試用版を入手できます。この試用版では、多くのデスクトップおよびモバイルブラウザーへのアクセスをブラウザー内で直接許可します。
2.準備
マシンをセットアップする前に、必要なファイルをすべてダウンロードします(このセクションの最後にある「ダウンロードの概要」を参照)。すべてのファイルは、共有フォルダーを介して仮想マシンと共有されます何?どうやって?。
.ova
ファイルを抽出して実行し、VirtualBoxにインポートします。 (イメージは、VMware、Parallels、Virtual PC、Hyper-Vなどの他の仮想化製品でも使用できます)Net Use x: \\vboxsvr\WinShared
を実行します(共有フォルダーの名前がWinShared
であると仮定します。これにより、ネットワークディレクトリがx:
ドライブにバインドされます)。Start > Run >
経由で無効にするservices.msc
Startup Type
で並べ、画像に応じてすべての「自動」サービスを「手動」に切り替えます。 MSIパッケージをインストールするたびに、net start msiServer
( "Windows Installer")を実行します。Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset +3600000000
を使用して将来の時間を1000時間に設定できます(過去のある時点に設定する場合はマイナスを使用します)。便宜上、すべてのインストールファイルを共有フォルダーに置くのが賢明です。すべての必要なファイルの簡単な(完全な)リストを次に示します(ステップごとに並べられています)。
3.サンドボックス
Sandboxie は、サンドボックスでアプリケーションを実行する軽量ツールです。IE/Safariの複数のバージョンを単一のWindowsマシンにインストールするためにも使用できます。
すべてのサンドボックス化されたファイル/レジストリの変更は、C:\Sandbox
に保存されます。このディレクトリ内のアプリケーションは、デフォルトでサンドボックスで起動します。他のプログラムは、コンテキストメニューを使用してサンドボックスで簡単に開始できます。「サンドボックスを実行する」または「送信先>サンドボックス> IE8」。
CCleanerを使用したクリーンアップ:メイン環境でCCleanerを実行し、次に個々のサンドボックスで実行します。
以下に移動します: Part 2
パート2の内容(ナビゲート: パート1 )
4. Internet Explorer
5. Firefox
6. Opera
7. Chrome
8. Safari
9.開発者ツール(およびショートカット)
10.セットアップ時間とディスク容量の測定
•ブラウザごとに必要な時間(インストールと設定)
11.最適な使用法
•ホームページ:http://10.0.2.2:8888/
インストールと構成
ブラウザー構成のヒント:
4. Internet Explorer
Windows 7では、IEの古いインスタンスを実行できません ただし、以下の注を参照してください。そのため、Win XP VMが必要です。
IEはダウングレードできないため、最も低いバージョンから始めて、個別のSandboxieでIEをアップグレードします。アップグレードする前に、最も低いブラウザーバージョンで設定を設定します。これにより、メイン設定を1回設定するだけで済みます。
VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>
IE6(およびIE5.5でも)の完全にオフラインのインストーラーが利用可能です このサイトで 。
IE6およびIE7の場合、 Internet Explorer Developer Toolbar をインストールする必要があります。 IE8 +には ビルトインF12開発者ツール があります。
構成
アプリケーションの仮想化により、Windows 7でIE6-8を実行することが実際に可能です。 VMWare ThinApp はうまく機能しますが、Internet Explorerのインストールをキャプチャする必要があるため、セットアップにかなり時間がかかります。また、ソフトウェアパッケージは非常に高価です(keygenは無料で入手できますが、非倫理的です)。
5. Firefox
オプション1(遅延):
tilu Mozilla Firefox Collection 。このツールには、すべてのFirefoxバージョン(200 MB以上)のインストーラーが含まれています。 Firebug、Web Developerツールバー、およびFlashも含まれています。
オプション2:
複数のバージョンのFirefoxを簡単に同時にインストールして実行できます。
Tools > Options
(Windows)、Edit > Preferences
(Linux)Copy
オプションを使用して各プロファイルを複製します。Firefox 3.6
など)と宛先を選択します。Firefox version
オプションを使用して、プロファイルのデフォルトのFirefoxバージョンを選択します。Start new instance [-no-remote]
ボックスをチェックして、同時に複数のFirefoxバージョンを実行できるようにします。Start Firefox
ボタンを使用して、Firefoxのインスタンスを起動します。6.オペラ
Opera:すべてのインストーラーのリストは Opera.com で入手できます。複数のバージョンを問題なく並べてインストールできます。インストール中に、「カスタム」を選択し、differentディレクトリを選択します。
インストール時に、すべてのユーザーに同じプロファイルを使用することも選択します。
重要な設定:[設定]> [設定]> [詳細設定]> [セキュリティ]> [更新を確認しない]
注:Opera 15+は、Chromeと同じレンダリングとJavaScriptエンジンを使用します。
7.クロム
Chrome:スタンドアロンインストーラーは File Hippo からダウンロードできます。
複数のChromeバージョンを並べて実行することもできます。
Sandboxieを使用できますが、複数のバージョンを並べて実行するには、次のネイティブメソッドを使用することをお勧めします。
C:\Chrome\
。chrome.7z
アーカイブが作成されます。また、このファイルを抽出し、作成されたChrome-bin
ディレクトリーを下降します。chrome.exe
と、18.0.1025.45
のようなディレクトリが表示されます。chrome.exe
を18.0.1025.45
に移動してから、このディレクトリをC:\Chrome
に移動します。 Chrome-bin
の残りのファイルは安全に削除できます。バージョンごとにショートカットを作成します:
"C:\Chrome\18.0.1024.45\chrome.exe" --user-data-dir="..\User Data\18" --chrome-version=18.0.1025.45
このショートカットの説明:
"C:\Chrome\18.0.1024.45\chrome.exe"
•これはlauncherです--user-data-dir="..\User Data\18"
•chrome.exe
の場所に関連するユーザープロファイル。同じ効果のために--user-data-dir="C:\Chrome\User Data\18"
を使用することもできます。 lowestChromeバージョンの設定を行い、それぞれのユーザープロファイルを複製しますChromeバージョン。古いChromeバージョンは、新しいバージョンのユーザープロファイルの使用を拒否します。--chrome-version=18.0.1025.45
•バイナリの場所:18.0.1025.45
など)はディレクトリの名前である必要があります。構成について:すべての設定はchrome://settings/
で設定できます。私は通常、ホームページと「フードの下」の設定を変更します。
Chromeリリースが多数あるため、すべてのバージョンをインストールすることは実用的ではありません。これらの手順を自動化するVBスクリプトを作成したので、インストーラーを保存するだけで、古いバージョンのChromeをテストする必要があるときにスクリプトを実行できます。 https:// Gist。 github.com/Rob--W/2882558
8.サファリ
注:WindowsでのSafariのサポートは廃止されました。 Windowsで最後にサポートされているSafariバージョンは5.1.7です。新しいSafariバージョンでサイトをテストするには、MacまたはOS X VMが必要です。
Safariは ネイティブサポートなし 複数のバージョンまたはユーザープロファイルを並べてサポートします。 Safari 4は 死に近い なので、テストする必要があるのは5. *だけです。すべてのSafariバージョンは Old Apps からダウンロードできます。
開発者ツールは、Preferences > Advanced > Show Developer menu in menu bar
で有効にする必要があります。 Safariをインストールしたら、Control panel > Add/Remove software
からApple software Updaterをアンインストールします。
9.開発者ツール(およびショートカット)
Preferences > Advanced > Show Developer menu in menu bar
で有効にします。10.測定されたセットアップ時間とディスク容量
* Sandboxie Sandboxのセットアップ時間(<1分)を除外します。
11.最適な使用法
インストールが完了したら、CCleanerを使用して迷惑メールをクリーンアップします。
これからは、Webページのテストが終了したら、VMをオフにして、「スナップショットの復元」を選択します。これにより、VMを整然と高速に保ちます。
http://10.0.2.2:8888/
のホームページゲストOSは、IPアドレス10.0.2.2
によってホストOSにアクセスできます。ホストがインターネットに接続していない場合でも、ポート8888
で実行されているサーバーは、http://10.0.2.2:8888/
を介してゲストでアクセスできます。
このため、http://10.0.2.2:8888/
をホームページとして設定することをお勧めします。
可能なユースケース:
前述のすべては、単純なサーバーに簡単に実装できます(たとえば、 Node.js を使用しました)。
ピッチングするために、Microsoftは最近、modern.IEと呼ばれる無料のサービスの提供を開始しました。
modern.IEは、MicrosoftがInternet Explorerブラウザーのクロスブラウザーテストを容易にするための取り組みです。 Microsoftは、IEブラウザーテストを容易にするツールスイートを開発者とデザイナーに提供するためにmodern.IEを作成しました。
Modern.IEでは、IEでWebサイトをテストする2つの方法があります。まず、modern.IEでは、WebベースのブラウザーテストサービスBrowserStackを3か月間無料で使用できます。ログインしてテストを開始するには、Facebookアカウントが必要です。
Modern.IEが提供する2番目の方法は、IE 6からIE 10までの各ブラウザーの仮想化イメージで、VirtualBox、Virtual PC、Hyper-Vなどの仮想化ソフトウェアで実行できます。 Windows、Mac、またはLinux上のVMWare Player。
さらに、modern.IEは、一般的なコーディングの問題についてWebページをスキャンし、すべてのIEバージョンで正しく表示されるように修正するためにそれらをリストするツールも提供します。
出典: modern.IE-クロスブラウザIE Testing Tools Suite
注:リンクされた記事は削除されました。リンクは、ページの Wayback Machine アーカイブに移動します。