IEエミュレータ

ブラウザIE8

IEエミュレータ

 状態:不明  閲覧数:9,330  投稿日:2011-12-19  更新日:2011-12-19
IEエミュレータについて調べたことのメモ
  
<結論>
IE9に搭載されたブラウザモードで、IE8/IE7の確認は可能

<変更方法>
「右上の丸いツールアイコン」左クリック -「F12開発者ツール」 - ブラウザモードより選択するだけ

ちなみに、今回、「ブラウザモード」、「IETester」、「SuperPreview」を試してみたが、見え方(レンダリング)自体に差はなかったように思う


以下、エミュレータを使ってみた感想
<IETester>
・動作は軽快だが、たまにクラッシュすることがあり、イライラするため、個人的には使う気になれない。但し、「SuperPreview」とどちらを選ぶかと言われれば間違いなくこちらを選ぶ


<SuperPreview>
・使うまでの準備が面倒、無料ではない、動作が遅い等の理由により、全くオススメしない
・試していないけど、重ねて表示(?)等、他にはない機能があるみたい


<導入メモ>
■IETester
▽My DebugBar | IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 10
  http://www.my-debugbar.com/wiki/IETester/HomePage
   ↓
install-ietester-v0.4.11.exeをダウンロード



■Windows XP モード
付録 2:Web アプリケーションとアドオンをデバッグするためのツール
Windows 7 で Windows XP モードを使用すると、Windows Internet Explorer 9 と同時に Internet Explorer 6、Internet Explorer 7、または Internet Explorer 8 を実行できます。詳細については、「Virtual PC と Windows XP モード」をダウンロードしてください。
   ↓
Download Windows XP Mode
   ↓
PCシステムが分からず調べる
「コントロールパネル」-「システムとセキュリティ」-「システム」
Windows 7 Home Premium
64ビット
   ↓
Download Windows XP Mode
プルダウンより、「Home Premium 64ビット」を選択するも、エラー。
You are not eligible to download Windows XP Mode. You must have Windows 7 Professional, Enterprise, or Ultimate to run Windows XP Mode. To upgrade visit Windows 7 Anytime Upgrade.
あなたは、Windows XP Modeをダウンロードする資格がありません。 Windows 7のプロフェッショナル、エンタープライズ、またはWindows XP Modeを実行するにはUltimateを持っている必要があります。いつでもアップグレードWindows 7を参照してアップグレードするには。
   ↓
Windows Anytime Upgrade - Upgrade your Windows 7 edition - Microsoft Windows
リンク先。無料でアップグレード出来るのかな、と思ったら違うっぽい
   ↓
結局、この方法は諦める



■Expression Web SuperPreview
ダウンロード詳細 Expression Web SuperPreview
   ↓
NET Framework 4がないとインストールできない、と警告される
   ↓
▼Microsoft .NET Framework 4 (Web インストーラー)
dotNetFx40_Full_setup.exe
   ↓
再び、▽ダウンロード詳細 Expression Web SuperPreview
   ↓
SuperPreview_Trial_ja.exeをダウンロード
   ↓
▼画面表示
マイクロソフト ソフトウェア ライセンス条項
MICROSOFT EXPRESSION STUDIO 4 デザイン ソフトウェアおよび試用版
   ↓
Expression SuperPreview 4 Trialをダウンロード
   ↓
本体起動。「リモート ブラウザー」で確認するためには、サインアップ必須
   ↓
メール登録
   ↓
▼メール
拝啓

SuperPreview オンライン サービス ベータ版にご登録いただき、ありがとうございます。サインアップの手続きを完了するには、下の検証リンクをクリックし、サービスをライセンス認証してください。

検証リンク:
リンクの有効期限: 2011/12/26 22:20:19 (Tokyo Standard Time)

サービスをライセンス認証するには

1. SuperPreview を開きます。
2. SuperPreview ツールバーの [ライセンス認証を行う] をクリックします。
3. [SuperPreview オンライン サービスのライセンス認証] ダイアログ ボックスで、[ライセンス認証を行う] をクリックします。

オンライン サービスのライセンス認証が完了すると、リモート ブラウザーをプレビューで利用できるようになります。

敬具
superPreview チーム

SuperPreview オンライン サービス ベータ版は Expression Web から使用可能です。これはベータ版のサービスで、Expression Web の機能ではありません。SuperPreview オンライン サービス ベータ版の詳細 (最新のサービス利用条件や価格など) については、ソフトウェア ライセンス条項 (EULA) を参照してください。

Expression Web EULA
http://go.microsoft.com/fwlink/?LinkId=183560
Expression Web プライバシーに関する声明
http://go.microsoft.com/fwlink/?LinkID=181868

この電子メール アドレスは確認されていません。フィードバックの送信には Microsoft Connect (http://connect.microsoft.com) をご利用ください。



   ↓



▼ブラウザ
SuperPreview オンライン サービス ベータ版のライセンス認証電子メールをご確認いただき、ありがとうございます。
ライセンス認証の手続きを完了するには、SuperPreview に戻って次の手順を完了してください。
http://www.microsoft.com/Expression/superpreview_online_service/success_ja-JP.html?lang=ja-JP


リンクを新しいタブで開く/IE

WebサイトをHTML5で作成したら、IE8で、グローバルナビゲーション表示がおかしくなった



週間人気ページランキング / 4-20 → 4-26
順位 ページタイトル抜粋 アクセス数
1 16進数カラーコード / 2進数 21
2 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 18
3 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 14
4 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 13
4 RGB ⇔ Lab | 色変換(色) 13
5 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 11
6 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 9
7 Design 0 7
8 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 6
8 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 6
8 鉄道会社毎のカラーコード | カラーコード(色) 6
9 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 5
9 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 5
10 画像大きさ | 他サイト調査(HTML) 4
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 4
10 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 4
11 「line-height」効果を打ち消すスタイルシートは、「line-height:normal; 3
11 「群青色」「瑠璃色」「ウルトラマリンブルー」の違い 3
11 「bgcolor」「background-color」「background」の違い | CSS 3
11 HTML5でiframeスクロールバーを表示しない方法が不明 | HTML5(HTML) 3
2024/4/27 1:01 更新