IE11で「ブラウザモード」に戻す方法


132

更新:古い質問はIE11プレビューにのみ適用されます。ブラウザモードは、IE11の最終リリースで復帰しました。しかし、落とし穴があります。条件付きのコメントをエミュレートしないので、役に立たないのです。たとえば、これらを使用してレガシーIEでHTML5サポートを有効にすると、IE11でサイトをデバッグできなくなります。

        <!--[if lte IE 8]>
            <script src="html5shiv.js"></script>
        <![endif]-->

StackOverflowの別の質問とIE バグトラッカーの問題をご覧ください。マイクロソフトはこれに応答しなかったため、人々がBrowserStackサブスクリプションを購入するよう誘導する目的でこのバグを導入したようです。条件付きコメントのエミュレーションは、プレビューリリースでは問題なく機能しました。

元の質問:IE7プレビューがWindows 7にインストールされている場合、ブラウザーモードを変更できる旧式のF12ツールが付属しています。 ここに画像の説明を入力してください

ただし、[ツール]メニューから[F12]開発者ツールを選択すると、新しい開発者ツールに置き換えられ、[ブラウザモード]は使用できなくなります。 ここに画像の説明を入力してください

それを元に戻す唯一の方法は、IE11をアンインストールして再インストールすることです。

IE11でブラウザーモードを切り替える簡単な方法はありますか?


1
これは、MS固有のフォーラム(またはおそらくバグレポート!)にとって素晴らしい質問のようです
Mathletics 2013

4
@Mathletics-これはバグではなく、非常に慎重です。
Spudley 2013

2
どのようにして最初の画面を取得できましたか?F12を押す理由は、2番目の画面が表示されます。
Sliq 2013

1
@Panique-IE11を最初にインストールしたときに、そこにありました。おそらく、IE10には常にF12ツールが存在するため、この設定を何らかの方法で移行したためです。次に、F12キーを使用して表示と非表示を切り替えることができます。ツールメニューに移動しないでください。元に戻す場合は、まずIE11アップデートをアンインストールします。私のために働く。
エフゲニー

回答:


146

[更新]

元の質問と以下の回答は、IE11 プレビューリリースにのみ適用されます

IE11 の最終リリースバージョン、実際には、開発ツールの[エミュレーション]タブからブラウザーモードを切り替えることができます。

エミュレーションタブでのブラウザモードの選択を示すスクリーンショット

そうは言っても、互換モードをテストに使用しないようにするためにここ(および他の場所)で行ったアドバイスは引き続き有効です。サイトを古いIEバージョンとの互換性についてテストする場合は、常に実際のコピーでテストを行う必要があります。それらのIEバージョンの。

ただし、これは、古い開発ツールを元に戻すための@EugeneXaの回答に記載されているレジストリハックが不要になったことを意味します。新しい開発ツールには、欠けていた機能が含まれているためです。


[元の回答]

IE開発者は、ブラウザモードを切り替える機能を意図的に廃止しました。

人々が開発ツールでモードを切り替える理由は多くありませんが、主な理由の1つは、古いバージョンのIEでサイトをテストしたいということです。残念ながら、IEが提供するさまざまな互換性モードは、以前のバージョンのIEと完全に互換性がありませんでした。互換モードを使用したテストは、IE8、IE9などの実際のコピーでのテストの代替としては十分ではありません。

IE開発者はこれを認識しており、開発者がこのミスを犯すことを意図的に難しくしています。

ベストプラクティスは、各IEバージョンの実際のコピーを使用して、代わりにサイトをテストすることです。

さまざまな互換性モードがIE11内で引き続き利用できますが、サイトが互換性モードで実行することを明示的に指定している場合にのみアクセスできます。これを行うX-UA-Compatibleには、ページにヘッダーを含めます。

[ドキュメントモード]ドロップボックスは引き続き使用できますが、「エッジ」(つまり、現在のIEバージョンで使用できる最良のモード、つまりIE11のIE11モード)またはページが実行しているモードのオプションのみを提供します。に。

そのため、互換モードで読み込まれているページに移動する場合、ページが読み込まれた特定の互換モードとIE11 "エッジ"モードを切り替えるオプションがあります。

また、IE11モードでロードされるページにアクセスすると、「エッジ」モードのみが提供され、他には何も提供されません。

これは、互換モードページがエッジモードで動作するように更新されたときにどのように反応するかを引き続きテストできることを意味します。これは、ドキュメントモードドロップボックスの本当に正当な唯一のユースケースです。

IE11ドキュメントモードドロップボックスのi横には、modern.ie Webサイトに移動するためのアイコンがあります。これのポイントは、IEの各バージョンの実際のコピーを使用してサイトをテストするためにMSが提供しているVMをダウンロードすることを推奨することです。これにより、はるかに正確なテスト環境が得られます。開発ツールでモードを切り替えてテストするよりもはるかに優れた方法として強く推奨されます。

少し説明があればいいのにと思います。


8
MSが提供する無料のVMを使用したテストは絶対に優れていますが、時間もかかります。私はVMを起動する必要があり、いくつかの異なるVMを切り替える必要があり、アクティベーションタイマーがなくなるたびに小さなバグを再インストールする必要があります。それでも、実際にこれらのVMをセットアップするという面倒を彼らが受けてくれたことに感謝しなければならないでしょう。古いF12互換モードで多くの問題をキャッチし、VMを使用して一度確認することができます。しかし、私は余談です。
ivarni 2013

7
互換性モードのドロップダウンを廃止するのが良い考えだと彼らが思う理由は理解できますが、サイトがIEで動作することを確認するために実際に時間を費やしている開発者にとって、これは平手打ちでもあると思います。他の人が述べたように、互換性チェッカーを使用して明らかなバグをチェックすることはうまくいきました。さらに、開発ツールの中間点セットの利点がありました(IE7や8のツールであったガベージと比較して)。私はVMもチェックインする練習をしていますが、良い開発者もいます。しかし、この変更は、古いIEでの動作を気にする開発者が少なくなることを意味します。
LocalPCGuy 2013

4
余談ですが、愚かなブラウザをテストするためにVMに完全なOSをロードする必要はありません。マイクロソフトが開発者に古いバージョンのIEで機能することを本当に望んでいた場合、開発者はより優れた無料オプションを提供する必要があります。それ以外の場合は、開発者に古いバージョンを無視して、新しいバージョンのバグを回避することだけを気にするように勧めているようです。
LocalPCGuy 2013

9
いいえ... BrowserStackは無料ではありません。VMを使用するのは大変です(他のことは言わないでください。すべての設定があり、3か月ごとにリセットする必要があります...など)。 )。Modern.ieとMicrosoftの製品についてすべて知っています。マイクロソフトは、ほとんどの開発者がテストする必要のあるものの約90%で機能するシンプルで無料の方法を廃止し、不潔なVMまたは有料サービスに置き換えています。感動しない色を私に。私はマイクロソフトのサポーターの1人であり、主に.NETショップで働いています。そしてこれはDUMBだと思います。
LocalPCGuy 2013

4
私はこれを次のように見ています。
Zenexer 2013

19

仮想マシンを使用することが古いIEをテストする最良の方法ですが、新しいF12ツールがアクティブ化されるとIE11がこの値を上書きするため、レジストリを編集することで旧式のF12ツールを戻すことが可能です。

このトリックを提供してくれたDimitriNickolaѕに感謝します。 ここに画像の説明を入力してください

これは私にとっては機能します(.regファイルとして保存して実行):

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Toolbar\WebBrowser]
"ITBar7Layout"=hex:13,00,00,00,00,00,00,00,00,00,00,00,30,00,00,00,10,00,00,00,\
  15,00,00,00,01,00,00,00,00,07,00,00,5e,01,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,69,e3,6f,1a,8c,f2,d9,4a,a3,e6,2b,cb,50,80,7c,f1

8
誰かがIE11をハッキングして古い開発ツールを取り戻す方法を見つけたのに感心するのか、それとも単にIE11開発ツールの驚くべき新しいものすべてを犠牲にして喜んでいるのかと知りませんブラウザモードを切り替えることができます。:-(
Spudley 2013

7
これは、W3Cに準拠していないブラウザを作成するというMicrosoftの遺産とすべて関係があります。IE10または11には何も問題はありません。これらは最新のブラウザーです。それはすべて約9と8で、最近の7と6までです。最新のIEと一緒にWindows 8にインストールすることは不可能であるため、優れたエミュレーションツールが必要です。
Evgeny

1
ここでのトリックは興味深いですが、明らかにMicrosoftでサポートされておらず、意図しない副作用が発生する可能性があります。
EricLaw 2013

5
これはまったく無意味だとは思いません。IEをテストするときのワークフローは、最初にF12互換モードを使用して、見つかった問題を具体化し、次にVMを起動するという問題に取り組みます。これは、(異なる)VMですべてのIEテストを実行するよりもはるかに効率的です。
ivarni 2013

2
このレジストリハックを機能させるには、ITBar7Layout64値も更新する必要がありました。その後は機能しましたが、F12ツールを閉じたり開いたりするとIEがクラッシュしました。Regキーのバックアップを作成したのは良いことです。
Ian Yates 2013

17

これは、エミュレーション(Ctrl + 8) ドキュメントモード(10、9、8、7、5)、ブラウザープロファイル(デスクトップ、Windows Phone)を使用して取得できます。

ここに画像の説明を入力してください


それを見つける場所を共有してくれてありがとう、私は困惑しました!:)
ミシェル

5

最も簡単な方法、特にMSDNの場合、私の時間を無駄にし、愚かなMS

http://support.microsoft.com/kb/2900662/en-us?sd=rss

  1. Developer Toolsペインを開きます。これを行うには、F12キーを押します。
  2. エミュレーション画面を開きます。これを行うには、Ctrl + 8を押します。
  3. [モード]の[ドキュメントモード]リストで、[9]をクリックします。
  4. [モード]の[ユーザーエージェント文字列]リストで、[Internet Explorer 9]をクリックします。

3
丁寧な参考までに、単にリンクを提供するのではなく、解決策の詳細を含めるようにしてください。リンクがダウンした場合、その答えは将来の人にとって役に立たない。リンクは役に立ちますが、詳細な回答に含める情報へのリンクされた参照として保持してください。
Anil Natha

4

これを回避X-UA-Compatibleするには、デバッグするIEの特定のバージョンのメタヘッダーを設定します。これにより、ブラウザモードがヘッダーで指定したバージョンに変更されます。

例えば:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

開発者ツールでブラウザモードを更新するには、[開発者ツール]を閉じて再度開く必要があります。これにより、その特定のバージョンに切り替わります。

マイナーバージョンから大きいバージョンへの切り替えは、更新によって正常に機能しますが、大きいバージョンからマイナーバージョン(9から7など)に戻す場合は、新しいタブを開いてロードする必要があります。再びページ。

これがスクリーンショットです:

ここに画像の説明を入力してください


2

IE11では、ユーザーエージェントをIE10、IE9、さらにはWindows Phoneに変更できます。本当にいいです


3
これはユーザーエージェント文字列を変更するだけです。ブラウザの動作は変わりません。互換性テストにはまったく役に立ちません。
Zenexer 2014

2

IE11で「ブラウザモード」に戻す方法

簡単に戻す方法は、エミュレーションに移動することです(Ctrl + 8)。

ユーザーエージェント文字列を変更します。(添付画像を参照)

ここに画像の説明を入力してください


これはユーザーエージェント文字列を変更するだけです。ブラウザの動作は変わりません。互換性テストにはまったく役に立ちません。また、例ではX-UA-Compatibleを使用しています。
Zenexer 2014

2

マイクロソフトには、この目的のためのツール、Microsoft Expression Webがあります。誰も欲しくないFrontPage / Dreamweaverのようなゴミがたくさんある無料版があります。重要なのは、ブラウザのテスト機能が優れていることです。Windows 8.1 Pro(プレビューではなく最終リリース)をInternet Explorer 11で実行しています。これらのローカルブラウザーを取得します。

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11 /!\サポートされていないバージョン(使用できません。おっと、ブラウザがあります)

次に、リモートブラウザー(ベータ)オプションが表示されます。有効な電子メールでサインアップするはずですが、サーバーとの通信にエラーがあります。しかたがない。

以前はFirefoxがサポートされていましたが、現在は表示されません。隠れているかもしれません。

ブラウザのバージョンを並べて比較できます。また、画像、または明らかにPSDファイルと比較することもできます(それがどれほどうまく機能するかわかりません)。InDesignはいいですが、それは多分多分求めているでしょう。

Visual Studio Ultimateが同じコンピューター上にあるため、Expressionのフルバージョンも部分的にインストールされているので、無料のインストールが自動的にアップグレードされないことをコメントで確認していただければ幸いです。

更新:オンラインサービスが廃止れたようですが、ローカルブラウザは引き続きサポートされています。エディターのガベージなしで、SuperPreviewのみをダウンロードすることもできます。完全なIDEが必要な場合、最新バージョンはMicrosoft Expression Web 4(無料バージョン)です。ここですサポートされているブラウザの公式リスト。IE6はWindows 8.1でエラーを出すようですが、IE7は動作します。

アップデート2014-12-09:マイクロソフトはこれをほとんどあきらめています。それがうまくいくと期待しないでください。


前回、Expression Web / Super Previewを確認したところ、さまざまなブラウザのページの静的なスナップショットしか提供されていませんでした。私たちはページ、デバッグJSとCSSと相互作用して、DOMを操作したい、とのはどこIEの開発ツールが入って来ていること- 。これは、ピクセル完璧なウェブデザイナーはそのは開発者が望んでいないものを、欲しいものであるが
saille

@saille現時点では私の前にはありませんが、インタラクティブであると確信しています。
Zenexer 2014年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.