IE8ブラウザ モードとドキュメント モードの違いを簡単に説明してもらえますか?
- ブラウザ モードが変更される原因は何ですか?
ドキュメント モードが変更される原因は何ですか?
ユーザーが開発者ツールを使用してモードを変更した場合、ページが更新されても変更は残りますか?
ここで IE8 のテストを行っており、さまざまな人がさまざまなモードの組み合わせを持っているため、これを尋ねています。
IE8ブラウザ モードとドキュメント モードの違いを簡単に説明してもらえますか?
ドキュメント モードが変更される原因は何ですか?
ユーザーが開発者ツールを使用してモードを変更した場合、ページが更新されても変更は残りますか?
ここで IE8 のテストを行っており、さまざまな人がさまざまなモードの組み合わせを持っているため、これを尋ねています。
IE8ブログのこの記事から、IE8がドキュメントモードを決定する方法
したがって、あなたの質問に対する次の回答が得られます。
Q. ブラウザモードとドキュメントモードの違いを簡単に言うと?
A.ブラウザー モードは開発者ツールで設定され、さまざまな IE ブラウザー バージョンの動作をエミュレートします。ドキュメント モードは Web ページで定義され、互換性のためにサイトを異なる方法でレンダリングするように IE に指示します。
Q. ブラウザ モードが変更される原因は何ですか?
A.ユーザーが開発ツールでブラウザー モードを変更します。
Q. ドキュメント モードが変更される原因は何ですか?
A. Web 開発者によって設定された Doctype および X-UA-Compatible メタ タグとヘッダー。
Q. ユーザーが開発者ツールを使用してモードを変更した場合、ページを更新しても変更は維持されますか?
A.ブラウザ モードは維持されますが、Doctype と X-UA-Compatible を変更すると、ページで定義されているものに戻ります。
更新: Adrien Be が以下で指摘しているように、IE9+ では、更新時に保持される設定を介して、開発ツールでドキュメント モードを変更する機能が追加されています。
このページであなたの答えを見てください。
このdocumentMode
プロパティは、ブラウザが現在のドキュメントをレンダリングするために使用するモードを返します。
!DOCTYPE
IE8は、特定のHTML要素の有無に応じて、さまざまなモードでページをレンダリングできます。
このプロパティは、次のいずれかの値を返します。
5 - The page is displayed in IE5 mode
7 - The page is displayed in IE7 mode
8 - The page is displayed in IE8 mode
9 - The page is displayed in IE9 mode
注: no!DOCTYPE
が指定されている場合、IE8はページをIE5モードでレンダリングします。
Browser Mode :ブラウザから Web サーバーに送信されるユーザー エージェントを指定します。JavaScript またはバックエンド コードがユーザー エージェント文字列に基づいて異なる方法でレンダリングされる場合、レンダリングの違いが発生する可能性があります。たとえば、 をチェックする JavaScript が表示される場合がありますnavigator.userAgent
。(Mozilla/5.0 (互換; MSIE 8.0...) この値は、条件付きコメント([if lte IE 9]、[if gt IE 8] など) の処理にも使用されます。IE 11 のエミュレーション ツールは、ブラウザ モードがありますが、代わりにユーザー エージェントのドロップダウンがあります。
ドキュメント モード: マークアップの処理に使用されるレンダリング エンジンを指定します。これは通常、レンダリングの問題やブラウザーの非互換性が見られる場所です。当初の目標 (良くも悪くも) は、Web サイトの所有者がメタ タグを介してサイトのドキュメント モードを選択できるようにすることでした。IE 11 では、エミュレーション ツールの混乱が少なくなりました。
テスト: 古い IE8 ブラウザーをエミュレートすることが目的の場合は、ブラウザー モードとドキュメント モードの両方を変更する必要があります。エミュレーションは完全ではないため、Microsoft から無料のテスト用 VM をダウンロードして、IE 8、9 などの「本物の」バージョンでテストすることをお勧めします。
これらの値が変化する原因は何ですか?
ブラウザ モードは変更されません。(開発ツールで変更しない限り。) Web サーバーにリクエストを行う前に設定されます。
ドキュメント モードは、Web サーバーの応答に基づいて変更できます。X-UA-Compatible HTTP レスポンス ヘッダー、ドキュメント タイプ、メタ タグ、イントラネット サイト、マークアップの問題などを介して変更できます。
IE dev tools -> emulation (tab) の左上に小さなボタンがあり、「Persist emulation settings」と表示されます
これを参照してください:
"設定の永続化とリセット [永続化エミュレーション設定] アイコンがエミュレーション ツールに追加されます。これにより、特に無効にするまで現在のエミュレーション設定が維持されるため、作業を行ってブラウザを閉じ、エミュレーション設定をそのままにして戻ることができます。その右側には[エミュレーション設定のリセット] アイコン。これにより、ツールが既定値にすばやくリセットされます。 "