ホームページ >ウェブフロントエンド >jsチュートリアル >クイックIE7およびIE8ブラウザテスト
IE7およびIE8テストガイド:クイックテストと互換性モード
私たち全員が知っているように、IE7とIE8でのテストは難しい場合があります!これは、最高のケースシナリオにもあります。ツールや仮想マシンを使用していない場合、この記事では、レイアウトがIE7とIE8で破損しているかどうかを迅速にテストする方法を共有します。 Startタグの直後に、次のメタタグを含める必要があります。これは、IE8標準モードを使用して見つかった壊れたメニューの例です。
IEドキュメント互換モードを指定します
ドキュメントモードを使用して、インターネットエクスプローラーがWebページを解釈して表示する方法を制御できます。
X-UA-Compatible
ヘッダー命令インターネットエクスプローラーは、Webページを表示する方法を決定する際にインターネットエクスプローラー8の動作を模倣します。ドキュメントの互換性の定義については、詳細をご覧ください。
あなたのページは次のようになるかもしれません:
<code class="language-html">我的网页 内容在此处。</code>
IE開発者ツール
IE開発者ツールを確認すると、IE8標準ドキュメントモードで実行されることがわかります(F12を押してIE開発者ツールを開きます)。ここでは、バージョンを簡単に切り替えることができますが、メタタグで指定するバージョンはページのデフォルトバージョンになります。
なぜメタタグを使用するのですか?
IE開発者ツールのパターンを変更できるのに、なぜメタタグを使用する必要があるのか疑問に思うかもしれません。条件付きステートメントを使用してIE8スタイルシートをロードしている場合、メタはスタイルシートをロードするスタイルシートを強制します。
ie7
IE7の場合、同じものについては、次のメタタグを使用してください。(IE7のメタタグコードをここに挿入する必要があります)
その他の考え
これはIE9を使用するときにのみ機能することに注意してください(FFまたはChromeではありません - 間違っている場合は修正します)。メタタグを追加した後、ハードページの更新を行う必要があります。 IE10についてはよくわかりませんが、まだ使用していません!
IE7およびIE8テストについては、よく尋ねる質問がよくあります
IE7テストとIE8テストの重要な違いは何ですか?Internet Explorer 7と8には異なるレンダリングエンジンがあります。つまり、Webページのコンテンツを異なる方法で解釈して表示します。 IE7はTrident 3.1エンジンを使用し、IE8はTrident 4.0エンジンを使用します。これにより、各ブラウザでWebサイトまたはアプリケーションが異なる方法で外観と機能を引き起こす可能性があります。たとえば、IE8はCSS3とHTML5をより適切にサポートするため、Webサイトがこれらのテクノロジーを使用している場合、IE7で正しく表示されない場合があります。そのため、両方のブラウザでウェブサイトをテストして、互換性を確保してください。
インターネットエクスプローラーの古いバージョンでWebサイトをテストする方法はいくつかあります。 1つのアプローチは、特定のIEバージョンを実行する必要がある仮想マシン(VM)を使用することです。 Microsoftは、この目的のために無料のVMを提供します。別のオプションは、オンラインブラウザーを使用して、browerlingやbrowserstackなどのサービスをテストすることです。これらのサービスを使用すると、何もインストールせずに、IE7やIE8を含むさまざまなブラウザやバージョンでWebサイトをテストできます。
古いインターネットエクスプローラーの使用は時間の経過とともに低下していますが、これらのブラウザに依存しているユーザーがまだいます。これは、個人的な好み、会社のポリシー、または新しいブラウザをサポートしていない古いハードウェアの使用によるものかもしれません。 IE7とIE8でWebサイトをテストすることにより、選択したブラウザに関係なく、すべてのユーザーがアクセスして利用できることを確認できます。
IE7およびIE8でテストする場合、いくつかの一般的な問題には、レイアウトの問題、JavaScriptエラー、CSSスタイルの問題が含まれます。これらのブラウザは、新しいブラウザーよりも最新のWebテクノロジーのサポートが少ないため、これらの問題を引き起こす可能性があります。たとえば、IE7はCSS2.1を完全にサポートせず、IE7もIE8もCSS3またはHTML5をサポートしていません。これは、これらのブラウザで特定のスタイルまたは機能が期待どおりに機能しない場合があることを意味します。
IE7とIE8でテストするときに互換性の問題を解決する方法開発者ツールを使用してIE7とIE8でテストできますか?
IE7とIE8でのテストのベストプラクティスは何ですか?
はい、IE7とIE8のテストを自動化するツールがいくつかあります。これらには、Webブラウザーの対話を自動化するための人気のあるツールであるSelenium、および自動化されたクロスブラウザーテストを提供するBrowserstackやソースラボなどのサービスが含まれます。ただし、自動化されたテストは、手動テストに代わるものではなく、補完する必要があることを忘れないでください。
IE7およびIE8ユーザーがWebサイトにアクセスできるようにするには、Web標準とベストプラクティスに従い、プログレッシブエンハンスメントを使用してすべてのユーザーに基本的な機能レベルを提供し、これらのブラウザでWebサイトをテストする必要があります。 Webアクセシビリティ評価ツール(Wave)などのツールを使用して、アクセシビリティの問題を確認することもできます。
IE7とIE8でのテスト中に解決できない問題に遭遇した場合、さまざまなオンラインコミュニティから助けを求めることができます。 Stack OverflowなどのWebサイトには、アドバイスやソリューションを提供できる開発者の大規模なコミュニティがあります。また、オンラインのドキュメントやリソースを参照したり、プロのWeb開発者やテストサービスを雇用したりすることも検討することもできます。
元のテキストにはIE7のメタタグコードがないため、出力に追加することはできません。 擬似原産性をより完全に完了できるように、完全な元のテキストまたはIE7メタタグコードを提供してください。
以上がクイックIE7およびIE8ブラウザテストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。