ie tester tutorial internet explorer browser testing online
IEテスターチュートリアル:InternetExplorerテスターツールを使用してさまざまなバージョンのInternetExplorerでWebサイトをテストする方法を学ぶ
IE Testerは、特定のWebサイト/ WebページがすべてのバージョンのInternetExplorerで完全に機能しているかどうかを確認するために使用されるソフトウェアです。
IE Testerを使用すると、IEのすべてのバージョンでWebサイトを一度に確認できます。 IE Testerは、CoreServicesによるフリーソフトウェアです。
学習内容:
- なぜIEテスター?
- IEテスターのダウンロードとインストール
- Internet Explorerテスターツールの使用方法は?
- IEテスターはどのように見えますか?
- InternetExplorerテスターソフトウェアのエラー
- 結論
- 推奨読書
なぜIEテスター?
多くのオープンソースブラウザが利用可能ですが、多くの組織はInternetExplorerのみをサポートしています。ソフトウェアをダウンロードしてインストールするには、多くの管理者権限が必要なためです。
このような場合、クライアントの要件は、WebアプリケーションがすべてのバージョンのInternetExplorerで正常に動作することです。したがって、この状況では、テスターはブラウザーのすべての可能なバージョンでユーザーインターフェイステストを実行する必要があります。
また、クライアントが使用するブラウザについて具体的に言及している場合は、ブラウザインターフェイスのテストを実行しているときに、他のブラウザでWebサイトを確認する必要はありません。テスターは、必要なバージョンのInternet ExplorerでのみWebサイトをテストすることにより、直接先に進むことができます。 IEテスター この状況に最適なツールです。
Internet Explorer自体には、複数のバージョンでWebサイトをテストするオプションがあります。ただし、Internet Explorer6および7でWebサイトをテストするオプションはありません。
Webサイトは、Internet Explorer8以降でのみテストできます。それをするためにちょうどそのオープン Internet Explorer => F12キーを押す=>開発ツールが開きます=>下矢印をクリックします=>エミュレーションを選択します=> [ユーザーエージェント文字列]の下に、さまざまなバージョンのInternetExplorerが表示されます。
IE Testerには、Internet Explorer6以降でWebサイトをテストするオプションがあります。
IEテスターのダウンロードとインストール
IEテスターをからダウンロード IETesterホームページ 。
緑色のボタンをクリックして、 「IEテスターv0.5.4(60MB)をダウンロード」 。ダウンロードプロセスがすぐに開始され、ページの下部に次のダウンロードプログレスバーが表示されます。
これが完了したら、exeファイルをダブルクリックすると、使用許諾契約を示すポップアップが表示されます。クリックしてください '同意する' ボタンを押すと、次のウィンドウが表示されます。
ここでは、英語以外のすべての言語のチェックを外しました。これらすべての言語をチェックしておくこともできます。クリックしてください '次' ボタンをクリックすると、次のウィンドウが表示されます。
クリックしてください 'インストール' ボタン。
インストールは数秒以内に完了し、デスクトップ画面にショートカットが表示されます。それをダブルクリックして開きます。 IETesterの最初の外観は次のようになります。
Internet Explorerテスターツールの使用方法は?
上の画像に示されているように、IEのバージョンごとにボタンがあります。その特定のボタンまたは「すべてのIEバージョン」の最後のボタンをクリックすると、任意の1つのバージョンのWebサイト/ Webページを確認できます。
このボタンを使用すると、言及されているすべてのバージョンでWebサイト/ Webページを確認できます。クリックすると 「すべてのIEバージョン」 ボタンをクリックすると、次のようなウィンドウが表示されます。
これらすべてのボタンを使用すると、IEバージョン10のボタンは無効になります。 IEバージョン10がデフォルトバージョンであり、Windows 8のみである場合にのみ有効になります。つまり、このボタンは、OSがWindows8の場合にのみ有効になります。
上の画像に見られるように、選択に応じて任意のバージョンを選択および選択解除できます。指定されたスペースにURLを入力し、[OK]をクリックします。バージョンごとに異なるタブが開き、[参照]ボタンを使用してコンピューターに保存されているHTMLファイルを選択できます。
バージョン10を選択し、URLを入力して、[OK]をクリックすると、IEバージョン10でウェブサイト/ウェブページを確認できます。したがって、直接ボタンが有効になっていない場合でも、この方法を使用して、バージョン10のWebサイト/ Webページを確認できます。 URLを入力して「OK」をクリックすると、次のウィンドウが表示されます。
上の画像にあるように、IEバージョン10でWebページが開きます。これで、IE Testerのすべてのボタン、メニュー、およびサブメニューが1つずつ表示されます。
タブボタンを閉じる: このボタンは、下の画像に示すように、黒い色の矢印が付いたIETesterロゴの横にあります。アクティブなタブを閉じます。このボタンのキーボードショートカットは「Ctrl + W」です。
次に、タブを閉じるボタンの横にある矢印、つまり上の画像に示されている茶色の矢印について学習しましょう。この矢印をクリックすると、4つのオプションが表示されます。最初のオプションは '閉じる' 。このオプションを選択すると、[タブを閉じるボタン]が閉じられるか、表示されなくなります。
次または2番目のオプションは 「その他のコマンド」 。このオプションを選択すると、次のウィンドウが表示されます。
ここにというドロップダウンリストがあります 「からコマンドを選択してください」 。このドロップダウンリストで選択したオプションに応じて、コマンドが変更され、それに応じてコマンドを「追加」または「削除」できます。 [OK]を押して変更を確定し、を押します 「リセット」 変更を元に戻します。
と呼ばれる1つのボタンがあります 'カスタマイズ' 、これを使用して、特定のコマンドのキーボードショートカットをカスタマイズできます。
チェックボックスをオンにすると 「リボンの下にクイックアクセスツールバーを表示する」 次に、下の画像のようにツールバーが表示されます。同じオプションは、のすぐ横にある矢印のドロップダウンリストで使用できます。 'タブを閉じる' 前の画像の茶色の矢印で示されているボタン。
必要に応じて、もう一度上側に移動できます。このツールバーをリボンの下に移動すると、オプションの代わりに 「リボンの下に表示」 、オプションが表示されます 「リボンの上に表示」 。
ホームタブ: 次の画像に示すように、このタブではさまざまなナビゲーションおよびデバッグオプションを使用できます。
別のページに移動すると、 '前' そして '次' ボタンが有効になります。タブを開いてアドレスバーに入力すると、 「リフレッシュ」 ボタンが有効になります。ザ・ 'やめる' IEテスターが新しいページを開いているときにのみ、ボタンが有効になります。
複数のタブ(複数)が開いている場合は、 「アクティブなタブを除くすべてを閉じる」 ボタンが有効になります。 1つのタブしか開いていない場合でも、[すべてのタブを閉じる]ボタンが有効になります。
タブを開くと、[デバッグバーの切り替え]ボタンと[お気に入り]ボタンが有効になります。 「デバッグバーの切り替え」オプションを使用するには、デバッグバーをダウンロードする必要があります。古いバージョンは、最新バージョンのIEテスターでは動作しません。 [お気に入り]ボタンは期待どおりに機能しません。
開発ツールタブ: このタブには、主に開発者に役立つオプションが表示されます。 Webページのソースコードを表示できます。テキストサイズを増減できます。これは、ユーザビリティとユーザーインターフェイスのテストに役立ちます。画像、Java、Javaスクリプト、ActiveXなどを無効にすることでWebページを表示できます。
ビデオとバックグラウンドサウンドを無効にして、Webページをテストすることもできます。デバッグバーをトグルデバッグバーにダウンロードして、ソースコードを表示する必要があります。また、開発者にとっても役立ちます。
タブを表示: 下の画像に示すように、[表示]タブには[フルスクリーン]と[リボンを非表示]の2つのボタンがあります。を使用して '全画面表示' ボタンをクリックすると、フルスクリーンモードでウェブページを表示できます。このモードでは、ボタンは1つだけ表示されます。 「全画面を閉じる」 フルスクリーンモードを終了します。
クリックすると 「リボンを隠す」 ボタンを押すと、フルスクリーンモードと同じ効果が得られます。唯一の違いは、フルスクリーンモードでは、このフルスクリーンモードを終了するためのボタンが常に画面に表示され、リボンの非表示モードではボタンが表示されないことです。このモードを終了するには、IE Testerのロゴをクリックし、[リボンを表示]オプションを選択します。
[オプション]タブ: [オプション]タブには、印刷オプションがあります。ここで、IE Testerのバージョンを確認できます。新しいバージョンのIE Testerが利用可能な場合は、ボタンを使用してインターネットのプロパティを開くことができます。 「InternetExplorerオプション」 。
リボンタブを最小化します。 このボタンをクリックすると、操作しているツールバーが最小化されます。が表示されます 「リボンを見せて」 それを最大化するボタン。このボタンを使用した場合の効果は、フルスクリーンモードおよび非表示リボンモードとは異なります。これにより、ツールバーが最小化され、見出しを表示できるようになります。
IEテスターはどのように見えますか?
次の画像は、InternetExplorerのバージョンがサポートされている場合にIEテスターでWebページがどのように表示されるかを示しています。ここでは、デフォルトバージョンのInternet Explorer(Microsoft Edge)でURLwww.firstcry.comを使用しました。
次の画像は、Internet ExplorerのバージョンがWebサイトでサポートされていない場合に、IETesterでWebページがどのように表示されるかを示しています。このために、私はInternetExplorerのバージョン6で同じURLを使用しました。
InternetExplorerテスターソフトウェアのエラー
ここでは、IE Testerのバージョンで、IE6、IE10(IE TesterチームによるとIE10は動作しないはずです)、およびDefaultIEのみが動作していることを試しました。 www.firstcry.comを開こうとしているときにグーグルページ以外に、次のエラーが表示されます。
どちらが良いjavaまたはc ++
IEバージョン5のボタンをクリックすると、次の画像のように「要求されたIEバージョンを読み込めません」というエラーメッセージが表示されます。使用できるようにできない場合は、ツールバーから削除する必要があります。
結論
IE Testerは、開発者だけでなくテスターにも役立ち、多くの時間を節約します。必要なInternetExplorerの古いバージョンをダウンロードして使用するのは、面倒な作業です。したがって、IEテスターはテストに大いに役立ちます。
ブラウザの互換性テストには、多くの有料ツールが利用できますが、プロジェクトの予算に確実に影響します。 IE Testerは無料で使いやすいツールで、ブラウザの互換性テストに非常に役立ちます。
試してみる準備はできていますか?
推奨読書
- Webサイトのユーザビリティテストに最適な12のユーザビリティテストツール[2021リスト]
- ユーザビリティテストチュートリアル:完全なスタートガイド
- Seleniumスクリプトを構築するためにChromeおよびIEブラウザーで要素を見つける方法– Seleniumチュートリアル#7
- 2021年のトップ10クロスブラウザテストツール(最新ランキング)
- クロスブラウザテストとは何ですか、それを実行する方法:完全ガイド
- ウェブサイトのパフォーマンステストツールとサービス
- Gebチュートリアル-Gebツールを使用したブラウザ自動化テスト
- Seleniumグリッドチュートリアル:クロスブラウザテストのセットアップと例