All About オールアバウト
デジタル
  • パソコン・周辺機器
  • カメラ・AV機器
  • 携帯電話・スマートフォン
  • IT・インターネット
  1. All About
  2. デジタル
  3. IT・インターネット
  4. ホームページ作成
  5. ホームページ作成テクニック、小技
  6. 仮想環境で古いバージョンのIEやEdgeの表示確認をする
この写真の記事へ

仮想環境で古いバージョンのIEやEdgeの表示確認をする(画像)(30ページ目)

更新日:2016年12月31日
西村 文宏

執筆者:西村 文宏

ホームページ作成ガイド

仮想環境上で「Windows Vista」を起動し、IE7を使ってみる

仮想環境上で「Windows Vista」を起動し、IE7を使ってみる

この写真の記事へ
IE6~IE9での表示を同時に確認できるMicrosoft製ソフト「Expression Web SuperPreview」
「無料のVMを入手する」をクリック
今使っている「OS」と「仮想環境プラットフォーム」を選択
IEのバージョンと、Windowsのバージョンの組み合わせ一覧
使いたいIEのバージョンとOSの組み合わせを選び、その枠内の全ファイルをダウンロードする
ダウンロードしたファイルの名称には、IEとOSのバージョン名も含まれている
ダウンロードしたファイルの中で、最も番号の若いファイルをダブルクリックして実行する
「Extract」ボタンをクリック
展開が終わるまで待ちます
ログイン画面では「キャンセル」
マイクロソフト公式ダウンロードセンターから Windows Virtual PC をダウンロード
IE7を起動して、自由にウェブサイトを表示確認
Windows7上でさらにWindows7を起動し、IE10で表示確認
使いたいIEのバージョンとOSの組み合わせを選び、その枠内の全ファイルをダウンロードする
ネット接続ができていない場合
日本語ページが文字化けしてしまう
日本語が文字化けする
Control Panel
East Asian languagesを入れる
Windows XPのCD-ROMの場所を指定
ファイルのコピーが始まる
特定のファイルがコピーできないエラー
Yesをクリックして再起動
日本語サイトも正しく表示される
2つの異なるバージョンのInternet Explorerを同時に起動して表示確認
Windows7上で、Windows Vistaを起動し、古いIEで表示確認
Windows7上で、Windows XPを起動し、IE6で表示確認
「IEのバージョン」→「動作OS」の順で表記されている
すべて英語版のWindows
仮想環境上で「Windows Vista」を起動し、IE7を使ってみる
Windows 7上で、Windows Vistaが起動したところ
[ツール]→[統合機能を有効にする]
ホストOS側からコピーし、ゲストOS側へ貼り付け
「ネットワーク」項目を見る
ネットワークアダプタを選択
Fontsフォルダへ「msgothic.ttc」ファイルを入れる
ウェブページ内の日本語は表示されるが、タイトルバーやタブ内の日本語は化ける
複数のIEを同時に起動もできる
(左下)Windows10上のEdge、(右上)Windows7上のIE8
古いバージョンのIEを使って表示確認がしたい
仮想マシンのダウンロードページ
1.今使っているOSを選択/2.動かしたいIEとゲストOSを選択/3.仮想環境プラットフォームを選択
「.zip」のダウンロードをクリックしてダウンロード
Windows 7上の仮想環境でWindows XPを動作させ、そこでIE8を起動
一旦キャンセルでログオンしてから、「コントロールパネル(Control Panel)」→「ユーザ(User Accounts)」で「IEUser」を選択し、「Create a password」を押してパスワードを設定
Windows10上の仮想環境でWindows7を起動して、そこで動作するIE8を使って表示確認している例
仮想マシンイメージのダウンロードページ
1.動かしたいブラウザとゲストOSを選択/2.仮想環境プラットフォームを選択
選択した仮想マシンイメージをダウンロードできる「Download .zip」ボタンが現れる
Edgeのバージョン番号には2種類の表記がある
メニューから「仮想マシンを開く」を選択
仮想マシン関連ファイルの保存先と、仮想マシンの名称を指定
起動したい仮想マシン名(黄色矢印)を選択してから、「仮想マシンを再生」(緑色矢印)をクリックする
VMWare上でWindows7が起動した
仮想マシン名を選択してから、「仮想マシンの編集」をクリック
ハードウェア追加ウィザードで「ネットワークアダプタ」を選択する
ネットワーク接続の種類を選択した上で、「起動時に接続」項目にチェックを入れる
仮想マシンにネットワークアダプタが追加された
2つの異なるバージョンのInternet Explorerを同時に起動して表示確認
VMWare上で動作するWindows7で、IE8を起動

ほかのギャラリーを見る

ハートマークも文字として定義されているので、色やサイズはCSSで自由に装飾できる (Edgeでの表示例)
EdgeではWebkit用の記述も有効になっている例
一度無効化されたボタンでも、再度有効な状態に戻せるようにする
よく使われるサンプル用ドメイン名のスペルミスを狙った危険なウェブサイトもある
アクセスするたびに異なる画像が表示される
ページ移動や別ウインドウを表示することなく、任意のメッセージや別ページの内容を表示できる

人気記事ランキング

  • 1
    【HTML+CSS】ウインドウ幅に合わせて画像サイズを変化させる方法
    【HTML+CSS】ウインドウ幅に合わせて画像サイズを変化させる方法
    2021/12/22
  • 2
    短縮URLの作り方おすすめ3選!Googleの"goo.gl"は終了
    短縮URLの作り方おすすめ3選!Googleの"goo.gl"は終了
    2022/09/01
  • 3
    タブ機能の作り方!ページ移動せずに内容を切り替える
    タブ機能の作り方!ページ移動せずに内容を切り替える
    2022/12/26
  • 4
    移転先へ自動移動(転送/リダイレクト)させる方法
    移転先へ自動移動(転送/リダイレクト)させる方法
    2018/09/04
  • 5
    CSSのletter-spacingでHTMLの文字間隔を調整する方法
    CSSのletter-spacingでHTMLの文字間隔を調整する方法
    2018/12/17
ランキングをもっと見る

ホームページ作成

  • ホームページ作成の基本
  • ホームページ作成ソフトの選び方
  • HTML5とは
  • CSS3とは
  • HTML・スタイルシート(CSS)の基礎
他のテーマも見る

カテゴリー一覧

  • 住宅・不動産
  • マネー
  • 健康・医療
  • ビューティ
  • デジタル
  • 暮らし
  • 恋愛・結婚
  • ビジネス・学習
  • メンズスタイル
  • 旅行
  • 趣味
  • ファッション
  • グルメ
  • 車・バイク

ガイド関連

  • 専門家サーチ(ガイドを探す)
  • All Aboutガイド募集
  • ガイドへの仕事・取材依頼
  • 国民の決断

All Aboutサービス・メディア

  • All About ニュース
  • Best One
  • All About Japan
All About公式SNS
日々の生活や仕事を楽しむための情報を毎日お届けします。
公式SNS一覧
  • 会社概要
  • 採用情報
  • 投資家情報
  • 広告掲載
  • 利用規約
  • プライバシーポリシー
  • All Aboutについて
  • 著作権・商標・免責
  • 当サイトの情報についての注意
  • サイトマップ
  • ヘルプ
© All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます