IE8ブラウザモードとドキュメントモード
-
22-10-2019 - |
質問
誰かがIE8の違いを説明してください ブラウザモード と ドキュメントモード 簡単な言葉で?
- ブラウザモードが変更される原因は何ですか?
ドキュメントモードが変更される原因は何ですか?
ユーザーが開発者ツールを介してモードを変更した場合、ページが更新されていても変更は残りますか?
ここでIE8テストを行っており、さまざまな人がモードの組み合わせが異なるため、これを尋ねています。これがどのように起こっているかを把握しようとします。
解決
から この記事 IE8ブログで、題名 IE8がドキュメントモードを決定する方法
- 開発者ツールの設定は、タブに表示されているページのすべてのドキュメントモードをオーバーライドします。
- X-UA互換のメタタグとヘッダーは、X-UA互換値がemulatei7またはemulateie8でない限り、互換性ビューの設定とdoctypeをオーバーライドします。
- ユーザーの互換ビューの設定は、Microsoft互換ビューリストをオーバーライドします。
- 上記のルールのいずれも適用されない場合、Doctypeは、WebページがIE8標準、IE8のほぼ標準または癖モードでレンダリングするかどうかを決定します。
それで、私たちはあなたの質問に対する次の答えを受け取ります:
Q. 簡単な用語でブラウザモードとドキュメントモードの違いは何ですか?
A. ブラウザモードは開発者ツールに設定されており、さまざまなIEブラウザーバージョンの動作をエミュレートし、ドキュメントモードはWebページで定義されて、IEに互換性のためにサイトを異なってレンダリングするように指示します。
Q. ブラウザモードが変更される原因は何ですか?
A. ユーザーは、開発ツールのブラウザモードを変更します。
Q. ドキュメントモードが変更される原因は何ですか?
A. DoctypeとX-UA互換のメタタグとヘッダーWeb開発者が設定しました。
Q. ユーザーが開発者ツールを介してモードを変更した場合、ページが更新されていても変更は残りますか?
A. ブラウザモードは留まりますが、DoctypeとX-UA互換を変更すると、ページで定義されているものに戻ります。
アップデート: Adrienが以下で指摘しているように、IE9+は、更新時に持続する設定を介してDEVツールのドキュメントモードを変更する機能を追加します。
他のヒント
あなたの答えを参照してください このページ.
documentMode
プロパティは、ブラウザが使用するモードを返して、現在のドキュメントをレンダリングします。
IE8は、異なるモードでページをレンダリングできます。 !DOCTYPE
または特定のHTML要素の存在。
このプロパティは、次の値の1つを返します。
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
ノート: いいえの場合 !DOCTYPE
指定されている、IE8はIE5モードでページをレンダリングします!
ブラウザモード: :指定します ユーザーエージェント ブラウザからWebサーバーに送信されます。 JavaScriptまたはバックエンドコードがユーザーエージェントの文字列に基づいて異なってレンダリングすると、レンダリングの違いが発生する可能性があります。たとえば、チェックするJavaScriptが表示される場合があります navigator.userAgent
. 。 (Mozilla/5.0(互換性、MSIE8.0 ...)この値は処理にも使用されます 条件付きコメント ([LTE IE 9]、[GT IE 8]など)。 IE 11のエミュレーションツールには、ブラウザモードがありません。代わりにユーザーエージェントのドロップダウンがあります。
ドキュメントモード: :マークアップの処理に使用されるレンダリングエンジンを指定します。これは通常、レンダリングの問題とブラウザの非互換性を確認する場所です。元の目標(良くも悪くも)は、ウェブサイトの所有者がメタタグを介してサイトのドキュメントモードを選択できることでした。 IE 11では、エミュレーションツールの混乱が少なくなっています。
テスト:あなたの目標が古いIE8ブラウザをエミュレートすることである場合、変更する必要があります 両方 ブラウザモードとドキュメントモード。エミュレーションは完璧ではないので、より徹底的な選択肢は Microsoftから無料のテストVMをダウンロードしてください IE 8、9などの実際のバージョンでテストできます。
これらの値が変化する原因は何ですか?
ブラウザモードは変更されません。 (開発ツールで変更しない限り)Webサーバーにリクエストを行う前に設定されます。
ドキュメントモードは、Webサーバーの応答に基づいて変更できます。 X-UA互換のHTTP応答ヘッダー、DOCタイプ、メタタグ、イントラネットサイト、マークアップの問題などを介して変更できます。
左上には、「エミュレーション設定の永続」と書かれたIE開発ツール - >エミュレーション(タブ)に小さなボタンがあります。
見る これ :
"設定の永続性とリセット永続エミュレーション設定アイコンがエミュレーションツールに追加されます。これにより、現在のエミュレーション設定が特別に無効になるまで維持され、作業、ブラウザを閉じ、エミュレーション設定をそのままに戻すことができます。右側には、リセットエミュレーション設定アイコンがあり、ツールをデフォルト値にすばやくリセットします。"